Welcome Message HTML Help


#1

I Need Help With This Code: It won’t work

div {
max-width: 100%;
margin: auto;
background-color: #eee;
}

h1 {
font-family: ‘Segoe UI’, Frutiger, ‘Frutiger Linotype’, ‘Dejavu Sans’, ‘Helvetica Neue’, Arial, sans-serif;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 500;
}

h2 {
font-family: ‘Segoe UI’, Frutiger, ‘Frutiger Linotype’, ‘Dejavu Sans’, ‘Helvetica Neue’, Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 500;
}

h2.center {
text-align: center;
}

h3 {
font-family: ‘Segoe UI’, Frutiger, ‘Frutiger Linotype’, ‘Dejavu Sans’, ‘Helvetica Neue’, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: 500;
}

h3.center {
text-align: center;
}

p {
font-family: ‘Segoe UI’, Frutiger, ‘Frutiger Linotype’, ‘Dejavu Sans’, ‘Helvetica Neue’, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 15px;
}

.button {
background-color: #008CBA;
border: none;
color: white;
padding: 10px 24px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}

input[type=text] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}

div.tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #333;
}

div.tab button {
background-color: inherit;
color: #f2f2f2;
font-size: 15px;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
}

div.tab button:hover {
background-color: #ddd;
}

div.tab button.active {
background-color: #4CAF50;
color: white;
}

.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}

.tabcontent {
-webkit-animation: fadeEffect 1s;
animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}

@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}

button.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
background-color: #ddd;
}

button.accordion:after {
content: ‘\002B’;
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}

button.accordion.active:after {
content: “\2212”;
}

div.panel {
padding: 0 18px;
background-color: rainbow;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}

.alert {
padding: 20px;
background-color: #f44336;
color: white;
opacity: 1;
transition: opacity 0.6s;
margin-bottom: 15px;
}

.alert.success {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}

.closebtn:hover {
color: black;
}

×  **Hello!**  Welcome to SERVER NAME!

×  **Welcome everyone, EXTRA INFO ABOUT SERVER**

# SERVER NAME

Home Contact Staff Only

## **RULES**

1) RULE

2) RULE

3) RULE

4) RULE

5) RULE

6) RULE

7) RULE

8) RULE

9) RULE

10) RULE

Staff List

Staff List:

Owner:

OWNER

Admins:

ADMIN

Mods:

MOD

MOD

MOD

MOD

MOD

MOD

MOD

MOD

Special Thanks To

ETC

ETC

### Contact Us

Name:

E-mail:

Message:

<h5 class=center Discord Staff Tags:

DISCORD TAG

DISCORD TAG

DISCORD TAG

DISCORD TAG

DISCORD TAG

## Staff Only

### Staff Announcement Board

# Staff Verification:

  <label><b>Password</b></label>
  <input class="w3-input w3-border" type="text" placeholder="Enter Password" name="password">
  <button class="button" type="button" onclick="validatePass()">Submit   </button>

</div>
```

How To Add a Message

 Edit the Welcome Message writing something between <*p> and <*/p> (Don’t include the *)and in the chat space.

 <!--- Start admin chat --->

Announcement Board:

OWNER: Welcome To The Staff Announcement Page!

 <!--- End admin chat --->
 </div>

#2

“It doesn’t work” is very vague. What exactly doesn’t work? What did you try, what did you expect, and what did you get instead?

Also: the forum accepts some HTML - so we can’t see what code you pasted unless you either indent it with 4 spaces or wrap it in 3 backticks at the start and end like this:

```
Your code here
```

#3

Could you elaborate?