36 users online (2 members and 34 guests)  


  Results 1 to 1 of 1

Related

  1. New CB Landing Pages    Forum: PHP Forum
    Replies: 0
  2. Replies: 3
  3. form with pages    Forum: Website Scripts Forum
    Replies: 2
  1. #1
    area1509's Avatar
    New User

    Status
    Offline
    Join Date
    Jun 2010
    Location
    Phoenix,AZ.
    Posts
    1

    Content across pages?

    I am sure this is easy but I am having a hard time with it.
    I am trying to have one file to edit so all of the pages will reflect the changes, like edit one file and five pages are updated.

    This is a server not viewable to the internet (inside only) so please forgive my lack of creative naming.

    Server: FreeNas built in web server.
    This is my .css
    <!--
    * {
    margin: 0;
    padding: 0;
    }

    body {
    font-size:100%;
    font-family: Arial,'Lucida Grande',Verdana,sans-serif;
    text-align:center;
    background:#002400 url(images/background.gif) no-repeat top center;
    }


    #page {width:992px; margin:0px auto; text-align:center;}

    #header {
    height:191px;
    width:992px;
    background:url(images/topbg.gif);
    text-align:left;
    }

    #logo {
    text-align:left;
    letter-spacing:-2px;
    text-shadow:0px 0px 8px #000;
    font:36px Georgia, Arial, "Times New Roman", Times;
    margin-left:18px;
    margin-top:94px;
    color:#FFF;
    width:364px;
    height:97px;
    float: left;
    }

    .green {
    color:#AEF080;
    }

    #slogan {
    text-align:left;
    margin-left:100px;
    font:14px Arial, "Times New Roman", Times;
    letter-spacing:0px;
    color:#FFF;
    }


    /* TOP NAVIGATION BAR */
    #nav {
    width:610px;
    float:left;
    margin-top:136px;
    }

    #nav-menu-left {
    background:url(images/navbar-left.gif) no-repeat top left;
    width:27px;
    height:55px;
    float: left;
    }
    #nav-menu-right {
    background:url(images/navbar-right.gif) no-repeat top left;
    width:27px;
    height:55px;
    float: left;
    }
    #nav-menu {
    background:url(images/navbar-bg.gif) repeat-x top left;
    height:55px;
    width:556px;
    float: left;
    }

    #nav-menu ul {
    list-style:none;
    }

    #nav-menu ul a {
    background-image: url(images/navbar-divider.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
    padding-left: 12px;
    padding-top:5px;
    display: block;
    line-height: 50px;
    text-decoration: none;
    text-shadow:1px 1px 1px #000;
    font-family: Arial, "Times New Roman", Times, serif;
    font-size: 18px;
    color: #FFF;
    }

    #nav-menu ul a:hover {
    text-decoration:underline;
    text-shadow:0px 0px 4px #FF0000;
    }

    #nav-menu li {
    float:left;
    }
    /* END NAVIGATION BAR */

    /* Large header image of grass and flower, with slogans */
    #header2 {
    background:url(images/header.jpg) no-repeat top left;
    width:992px;
    height:224px;
    text-shadow:1px 1px 1px #000;
    }

    #header2-slogan1 {
    font:48px Georgia, Arial, "Times New Roman", Times;
    padding:68px 0px 0px 106px;
    color:#FFF;
    text-align:left;
    letter-spacing:-2px;
    }
    #header2-slogan2 {
    font:48px Georgia, Arial, "Times New Roman", Times;
    padding:0px 0px 0px 106px;
    color:#FFF;
    text-align:left;
    letter-spacing:-2px;
    }
    /* end large header */

    /* clears all floated elements */
    .clearfloats {
    clear:both;
    }
    /* end clear floats */

    /* first content section, lighter green area */
    #content {
    background:#2E650D url(images/body-bg.gif) no-repeat top left;
    width:992px;
    min-height:575px;
    text-align:left;
    padding-top:35px;
    padding-bottom:20px;
    }

    .content-padding {
    padding:0px 20px 0px 20px;
    }

    .content-padding a {
    font:16px Arial, "Times New Roman", Times;
    color:#CEFF9F;
    text-shadow:1px 1px 1px #104D00;
    }

    .content-padding a:hover {
    font:16px Arial, "Times New Roman", Times;
    color:#FFF;
    text-decoration:none;
    text-shadow:0px 0px 3px #FF0000;
    }


    #content h1 {
    font:36px Georgia, Arial, "Times New Roman", Times;
    color:#FFF;
    padding-bottom:10px;
    text-shadow:1px 1px 2px #000;
    }

    #content p {
    font:16px Arial, "Times New Roman", Times;
    color:#FFF;
    text-align:justify;
    padding-bottom:10px;
    }
    /* end content 1 section */


    /* image that divides the two different colored content sections */
    #body-divider {
    background:#1D5600 url(images/body-divider.gif) no-repeat top left;
    width:992px;
    height:23px;
    }
    /* end content divider */

    /* darker green content section, "content 2" */
    #content2 {
    width:992px;
    min-height:250px;
    background:#1D5600;
    text-align:left;
    padding-top:10px;
    padding-bottom:30px;
    }

    #content2 p {
    font:16px Arial, "Times New Roman", Times;
    color:#FFF;
    text-align:justify;
    padding-bottom:10px;
    }

    #content2 h2,h3,h4,h5,h6 {
    background:#1D5600 url(images/headline-arrow.gif) no-repeat top left;
    font:normal 25px serif, "Times New Roman", Times;
    line-height:25px;
    color:#FFF;
    text-shadow:1px 1px 2px #000;
    padding-bottom:10px;
    padding-left:30px;
    }

    .content2-block {
    width:274px;
    float:left;
    }

    .content2-block p {
    width:274px;
    float:left;
    text-align:left;
    }

    /* three column area, vertical dotted divider */
    .content-divider {
    background:url(images/content-divider.gif) no-repeat top center;
    width:2px;
    height:274px;
    float:left;
    padding:0px 30px 0px 30px;
    }
    /* end divider */

    /* end content 2 */

    /* E-Mail us Added by A.J. */

    #E-Mail {text-align:leftt; padding-left:15px;}
    #E-Mail input { margin:1px 0;}
    .button {
    background:transparent url(images/submit.gif) no-repeat top left;
    padding-bottom:5px;
    border:none;
    width:126px;
    height:33px;
    color:#FFFFFF;
    font:bold 13px Arial, Georgia, "Times New Roman", Times;
    cursorointer;

    /* subscribe form */
    #subscribe {text-align:right; padding-right:15px;}
    #subscribe input { margin:1px 0;}
    .button {
    background:transparent url(images/submit.gif) no-repeat top left;
    padding-bottom:5px;
    border:none;
    width:126px;
    height:33px;
    color:#FFFFFF;
    font:bold 13px Arial, Georgia, "Times New Roman", Times;
    cursorointer;
    }
    .inputstyle {
    background:#002200;
    width:200px;
    height:30px;
    color:#FFF;
    font-size:14px;
    padding:0px 5px 0px 10px;
    border:1px solid #427B23;
    }
    /* end subscribe form */



    /* footer of page */
    #footer-div {
    background:url(images/footer-div.gif) no-repeat top left;
    width:992px;
    height:6px;
    }

    #footer {
    padding-top:15px;
    width:992px;
    height:150px;
    background:#001800;
    text-align:center;
    }

    #footer p {
    font:12px Arial, "Times New Roman", Times;
    color:#FFF;
    }

    #footer a {
    font:12px Arial, "Times New Roman", Times;
    color:#FFF;
    }
    /* end footer */
    -->

    This is my html page there are five.
    <!--
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>FreeNas Server 0.7.1 Shere (revision 5127)</title>
    <link rel="stylesheet" media="screen" type="text/css" href="style.css" />
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
    </head>
    <body>
    <div id="page">
    <div id="header">
    <div id="logo">
    <!-- type your logo and small slogan here -->
    <p>FreeNas Server: 0.7.1 Shere (revision 5127)<span class="green"></span></p>
    <div id="slogan"><p>Video server</p></div>
    <!-- end logo -->
    </div>
    <div id="nav">
    <div id="nav-menu-left"></div>
    <div id="nav-menu">
    <!-- start of navigation -->
    <ul>
    <li><a href="http://server">Home</a></li>
    <li><a href="http://server/Movies.html">Movies</a></li>
    <li><a href="http://server/Videos.html">Nudi--Videos</a></li>
    <li><a href="http://server/Terms.html">Terms</a></li>
    <li><a href="http://server/FAQ.html">FAQ</a></li>
    <li><a href="http://server/ContactUs.html" style="background-image: none;">Contact Us</a></li>
    </ul>
    <!-- end navigation -->
    </div>
    <div id="nav-menu-right"></div>
    </div>
    </div>
    <div class="clearfloats"></div>
    <div id="header2">
    <!-- the large header slogan which is over top of the grass image can either be changed, or removed below -->
    <div id="header2-slogan1"><p>FreeNas Videos.</p></div>
    <div id="header2-slogan2">
    <p>Your video Head quarters.</p>
    </div>
    <!-- end header slogan -->
    </div>

    <div id="content">
    <div class="content-padding">
    <!-- page content below -->
    <h1>Welcome to the video and movie server.<br />All movies and videos are in .WMV format.</h1>
    <h2><a href="Movies.html">Full run movies.</a></h2><br /><hr />
    <h2><a href="Videos.html">videos.</a></h2>
    </div>
    </div>
    <div id="body-divider"></div><!-- the division between the light green content section, and the dark -->
    <div id="content2">
    <div class="content-padding">
    <!-- content blocks (three side by side), can remove if needed, this was just an example -->
    <div class="content2-block">
    <h2>Site news</h2>
    <p></p>
    <p></p>
    </div>
    <div class="content-divider"></div>
    <div class="content2-block">
    <h3>New Products</h3>
    <p></p>
    <p></p>
    </div>
    <div class="content-divider"></div>
    <div class="content2-block">
    <h4>Newsletter</h4>
    <p>Subscribe to our monthly newsletter below:</p>
    <div id="subscribe">
    <form action="yourformmailhere" enctype="multipart/form-data" method="post">
    <input type="hidden" name="sendtoemail" value="youremailaddress" />
    <input type="hidden" name="redirect" value="yourwebsiteaddress" />
    <input type="hidden" name="subject" value="Newsletter subscription from your website" />
    <input name="name" type="text" value="YOUR NAME" class="inputstyle" />
    <input name="email" type="text" value="YOUR EMAIL ADDRESS" class="inputstyle" />
    <input type="submit" value="subscribe" class="button" />
    </form>
    </div>
    <!-- end content blocks -->
    </div>
    <div class="clearfloats"></div>
    </div>
    </div>
    <div id="footer-div"></div>
    <div id="footer">
    <p></p>
    </div>
    </div>
    </body>
    </html>
    -->
    Last edited by area1509; 06-03-2010 at 01:20 PM.