Message for Guest - Inspired by WindowsCommunityForum

[sivaganeshk]

I came across a professional forum design http://www.windowscommunityforum.com/forum.php

I wanted to know how to add the stylish message "Welcome to WCF..."

[LifesGreatestGift]

Use Firefox, and Firebug. Look at the CSS/HTML

It's my forum

[nitra1000]

Use the notice manager in admincp, and as Windows said HTML/CSS

[LifesGreatestGift]

Or, if you make your guest message in a custom div, just use template conditionals to show it only to guests and place it at the bottom of header/navbar or inside FORUMHOME depending on how you want it to display.

[sivaganeshk]

got the css/code .

#more-info {
  background-attachment:scroll;
  background-clip:initial;
  background-color:#061117;
  background-image:url(http://www.windowscommunityforum.com/images/wcf/guest-background.jpg);
  background-origin:initial;
  background-position:50% 0;
  background-repeat:repeat repeat;
  border-bottom-left-radius:5px 5px;
  border-bottom-right-radius:5px 5px;
  border-top-left-radius:5px 5px;
  border-top-right-radius:5px 5px;
  box-shadow:#555555 1px 2px 7px;
  display:block;
  margin-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  text-align:left;
  width:1006px;
}
#more-info h3 {
  color:#F5F5F5;
  font-family:Georgia, 'Times New Roman', Times, serif;
  font-size:35px;
  font-weight:400;
  margin-bottom:8px;
  margin-left:0;
  margin-right:0;
  margin-top:12px;
  text-shadow:#000000 1px 1px 1px;
}
#more-info p {
  color:#F6F6F6;
  margin-bottom:12px;
  margin-left:14px;
  margin-right:0;
  margin-top:14px;
  text-shadow:#000000 1px 1px 1px;
}
.guest-left {
  float:left;
  padding-bottom:12px;
  padding-left:10px;
  padding-right:0;
  padding-top:12px;
  width:80%;
}
#more-info form {
  float:right;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  margin-top:30px;
  width:40%;
}
#more-info input {
  background-attachment:scroll;
  background-clip:initial;
  background-color:#CCCCCC;
  background-image:none;
  background-origin:initial;
  background-position:0 0;
  background-repeat:repeat repeat;
  border-bottom-color:#E8E8E8;
  border-bottom-left-radius:6px 6px;
  border-bottom-right-radius:6px 6px;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-color:#B7B7B7;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#E8E8E8;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#B7B7B7;
  border-top-left-radius:6px 6px;
  border-top-right-radius:6px 6px;
  border-top-style:solid;
  border-top-width:1px;
  color:#414141;
  padding-bottom:8px;
  padding-left:8px;
  padding-right:8px;
  padding-top:8px;
  text-align:left;
  width:235px;
}
#more-info input:focus {
  background-attachment:scroll;
  background-clip:initial;
  background-color:#FFFFFF;
  background-image:none;
  background-origin:initial;
  background-position:0 0;
  background-repeat:repeat repeat;
}
#more-info .button {
  float:right;
  height:20px;
  margin-bottom:0;
  margin-left:0;
  margin-right:15px;
  margin-top:0;
  padding-bottom:2px;
  padding-left:17px;
  padding-right:17px;
  padding-top:11px;
}
input#email-address {
  font-family:Georgia, 'Times New Roman', Times, serif;
  font-style:italic;
  margin-bottom:10px;
}
#more-info img {
  float:left;
  height:48px;
  margin-bottom:0;
  margin-left:12px;
  margin-right:12px;
  margin-top:11px;
  width:48px;
}
button.guestregister {
  background-attachment:scroll;
  background-clip:initial;
  background-color:#4162A8;
  background-image:none;
  background-origin:initial;
  background-position:0 0;
  background-repeat:repeat repeat;
  border-bottom-color:#151E33;
  border-bottom-left-radius:4px 4px;
  border-bottom-right-radius:4px 4px;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-color:#1F2D4D;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#1F2D4D;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#38538C;
  border-top-left-radius:4px 4px;
  border-top-right-radius:4px 4px;
  border-top-style:solid;
  border-top-width:1px;
  box-shadow:#5C8BEE 0 1px 10px 1px inset, #1D2C4D 0 1px 0px, #1F3053 0 6px 0px, #111111 0 8px 4px 1px;
  color:#FFFFFF;
  font-family:'helvetica neue', helvetica, arial, sans-serif;
  font-size:20px;
  font-weight:bold;
  left:20px;
  line-height:1;
  margin-bottom:10px;
  padding-bottom:12px;
  padding-left:0;
  padding-right:0;
  padding-top:10px;
  position:relative;
  text-align:center;
  text-shadow:#1E2D4D 0 -1px 1px;
  top:50px;
  width:150px;
}
button.guestregister:hover {
  box-shadow:#87ADFF 0 0 20px 1px inset, #1D2C4D 0 1px 0px, #1F3053 0 6px 0px, #111111 0 8px 4px 1px;
  cursor:pointer;
}
button.guestregister:active {
  box-shadow:#5C8BEE 0 1px 10px 1px inset, #1D2C4D 0 1px 0px, #1F3053 0 2px 0px, #111111 0 4px 3px 0;
  margin-top:4px;
}

Simply add this code to additional.css huh?
I am nt a CSS savy