The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> How to change an internal style sheet into an existing external style sheet?
NovaArgon
post Nov 23 2008, 03:40 PM
Post #1


Always Need To Learn A New Code
*****

Group: Members
Posts: 265
Joined: 10-June 07
From: South Carolina
Member No.: 3,057



I have added the in red code to the header

QUOTE
<div id="menubar"><div class="menubar">
<!-- IF not S_IS_BOT -->
<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
<!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS --> |
<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
<!-- ENDIF -->
<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> |
<span style="color: red;">{L_BOARD_DISABLED}</span>
<!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_DISPLAY_PM --> |
<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a>
<!-- ENDIF -->
<!-- ELSEIF S_REGISTER_ENABLED --> |
<a href="{U_REGISTER}">{L_REGISTER}</a>
<!-- ENDIF -->
<!-- ENDIF --> |
<a href="{U_FAQ}">{L_FAQ}</a>
<!-- IF S_DISPLAY_SEARCH --> |
<a href="{U_SEARCH}">{L_SEARCH}</a>
<!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --> |
<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>
<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN --> |
<a href="{U_PROFILE}">{L_PROFILE}</a>
<!-- ENDIF -->
<!-- ENDIF -->
</div>
</div>
<div id="nav_container">
<div id="navbar">

<div id="rollover1"><a href="http://www.gamerunion.com"></a></div>
<div id="rollover2"><a href="http://www.gamerunion.com"></a></div>
<div id="rollover3"><a href="http://www.gamerunion.com"></a></div>
<div id="rollover4"><a href="http://www.gamerunion.com"></a></div>
<div id="rollover5"><a href="http://www.gamerunion.com"></a></div>
<!--end navbar--></div>
<!--end nav_container--></div>

<div id="logodesc">
<table width="100%" cellspacing="0">
<tr>
<td><div align="center"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></div></td>
</tr>
</table>
</div>


and this in read to the style sheet

QUOTE
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #535455;
width: 1000px;/*
min-width: 650px;*/
font-size: 62.5%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}


#nav_container {
height: 37px;
width: 800px;
margin: 100px auto 0 auto;
background: url(images/navigation_07.jpg) repeat-x;
}
#navbar {
height: 37px;
width: 500px;
margin: 0 auto;
}
#rollover1 {
height: 37px;
width: 100px;
float: left;
}
#rollover1 a:hover {
background: url(http://www.gamerunion.com/test/home.png) bottom;
}
#rollover1 a {
display:block;
height: 37px;
width: 100px;
background: url(http://www.gamerunion.com/test/home.png) top;
}
#rollover2 {
height: 37px;
width: 100px;
float: left;
}
#rollover2 a:hover {
background: url(http://www.gamerunion.com/test/forum.png) bottom;
}
#rollover2 a {
display:block;
height: 37px;
width: 100px;
background: url(http://www.gamerunion.com/test/forum.png) top;
}
#rollover3 {
height: 37px;
width: 100px;
float: left;
}
#rollover3 a:hover {
background: url(http://www.gamerunion.com/test/contact.png) bottom;
}
#rollover3 a {
display:block;
height: 37px;
width: 100px;
background: url(http://www.gamerunion.com/test/contact.png) top;
}
#rollover4 {
height: 37px;
width: 100px;
float: left;
}
#rollover4 a:hover {
background: url(http://www.gamerunion.com/test/survey.png) bottom;
}
#rollover4 a {
display:block;
height: 37px;
width: 100px;
background: url(http://www.gamerunion.com/test/survey.png) top;
}
#rollover5 {
height: 37px;
width: 100px;
float: left;
}
#rollover5 a:hover {
background: url(http://www.gamerunion.com/test/mailing.png) bottom;
}
#rollover5 a {
display:block;
height: 37px;
width: 100px;
background: url(http://www.gamerunion.com/test/mailing.png) top;
}


#wrapheader {
min-height: 120px;
height: auto !important;
height: 120px;
/* background-image: url('./images/background.gif');
background-repeat: repeat-x;*/
/* padding: 0 25px 15px 25px;*/
padding: 0;
}



I have refreshed everything none of my changes are showing up.

Do you see something i'm missing or am I working in the wrong files? Sorry to post so much code but i'm kinda lost. I dont know much about php or css and thats not helping much.

This post has been edited by NovaArgon: Nov 23 2008, 04:09 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
NovaArgon
post Nov 24 2008, 10:38 AM
Post #2


Always Need To Learn A New Code
*****

Group: Members
Posts: 265
Joined: 10-June 07
From: South Carolina
Member No.: 3,057



I got it thanks for the help
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 5th May 2024 - 04:01 PM