SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard Blake Tallos's Avatar
    Join Date
    Jun 2008
    Location
    Cuyahoga Falls, Ohio.
    Posts
    1,510
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Changing the ID's and classes in PHP

    What Im trying to do is take the PHP files HTML and make it look like this.



    Code HTML4Strict:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>CSSisPoetry| Homepage</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
    * {
        margin: 0;
        padding: 0;
    }
    body {
        background: url('http://www.cssispoetry.com/images/npj5p2.png');
        background-repeat:repeat-x;
        font-size: 100%;
        font-family:"Palatino Linotype";
    }
    #container {
        width: 1400px;
     
    }
     
    p {
        margin-bottom: .9em;
        margin:10px;
     
    }
    h1 {
        font-family:Georgia;
        padding: 5px;
        margin-bottom: 20px;
    }
    h3 {
        padding-left:10px;
        text-align:left;
        text-decoration:underline;
     
    }
    h2 {
        padding-left:10px;
    }
     
     
     
    a:link, a:visited, a:hover, a:active {
        color:#FF0000;
        text-decoration:underline;
    }     
     
     
    #leftContent {
        background: url('http://www.cssispoetry.com/images/Sidebar.png');
        color: #e0e3d9;
        border:2px solid #736357;
        padding: 10px;
        width: 348px;
        float: left;
        height:720px;
        -moz-border-radius: 2px;
        font-style:italic;
     
    }
    #twitter_update_list  {
        width:270px;
        margin:px;
        border-top: 1px solid #E0E3D9;
        background: url('http://cssispoetry.com/images/Twitter-background.png');
        background-repeat:no-repeat;
        color:#90816A;
        padding:10px;
     
     
    }
    #twitter_update_list li{
        list-style:none;
    }
    #twitter_update_list a {
        color:#FF0000;
     
     
    }
     
    #nav {
        float: left;
        width: 140px;
        margin-left: -3px;
        position: relative;
     
     
    }
    #nav li {
        list-style: none;
        margin-bottom: 30px;
     
    }
    #nav a {
        display: block;
        background-color: #90816A;
        color: #e0e3d9;
        text-align: center;
        font-size: 120%;
        height: 2.5em;
        line-height: 2.5em;
        border: 2px solid #736357;
        border-left: 0;
        -moz-border-radius: 5px;
        background: url('http://cssispoetry.com/images/Nav.png');
        background-repeat:no-repeat;
    }
     
    #rightContent {
        float: left;
        background: url('http://www.cssispoetry.com/images/33ae1bq.jpg');
        border: 1px solid #90816A;
        min-height:732px;
        width: 700px;
        margin: 10px 0 0 10px;
        font-family:Georgia,"Palatino Linotype";
        color:#90816A;
     
    }
    #rightContent h1 {
        text-align:center;
        font-size:4em;
        text-decoration:underline;
    }
    #rightContent p:hover  {
        text-align:left;
        margin:10px;
        color:#90816A;
        font-size:1em;
        background:#F2F2F2;
        border: 1px dotted #736357;
     
    }
    .BlogHeader {
        background:#F2F2F2;
        width: 670px;
        margin:0 auto;
        overflow:hidden;
        border: 1px solid #736357;
        padding:5px;
     
    }
     
    .BlogHeader h2 {
     
        font-size:2.6em;
        font-style:italic;
        margin-bottom:5px;
        padding:5px 0 8px;
     
     
    }
    .blogHeader p {
        border:none;
     
    }
     
    .Recent {
        float:left;
        font-style:italic;
        border-top:1px solid #111111;
        border-bottom:1px solid #111111;
        padding:5px;
    }
    </style>
    </head>
    <body>
    <!-- The Start of the Markup -->
    <div id="container">
        <div id="leftContent">
    <a href="http://www.cssispoetry.com"><img src="http://www.cssispoetry.com/images/Logo.png" border="none"></a>
            <p>I am Blake Tallos, I am an 20 year old web developer</p>
            <p>I specialise in: (X) HTML, CSS,Design,Javascript,</p>
            <p>I like: Blogging,Twitter,Music,Typography,</p>
            <p>Location: Cuyahoga Falls,Ohio.</p>
            <p>Favorite Websites:Sitepoint,Digital Point,Net Tuts</p>
            <p>Experience:4 years</p>
            <p>Advanced Skills: (X) HTML, CSS, Photoshop, Illustrator,</p>
            <p>Intermediate Skills: Javascript, jQuery, PHP</p>
     
    <div id="twitter_update_list"> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
    <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/BlakeAnthony.json?callback=twitterCallback2&amp;count=1"></script>
    <a href="http://www.Twitter.com/Blakeanthony">Twitter.com/BlakeAnthony</a>
     
     
    </div>
     
     
     
        </div>
        <ul id="nav">
            <li><a href="/Home/">Home</a></li>
            <li><a href="/Blog/">Blog</a></li>
            <li><a href="/About Me/">About Me</a></li>
            <li><a href="/Portfolio/">Portfolio</a></li>
            <li><a href="/Contact Me/">Contact Me</a></li>
        </ul>
        <div id="rightContent">
            <h1>Blog</h1>
     
        </div>
     
    </div>
    </body>
    </html>
    sidebar:
    http://rafb.net/p/JL3dgy64.html

    index:
    http://rafb.net/p/EJzB7A84.html

    footer:
    http://rafb.net/p/jpq5GC18.html

    Those 3 files are what I am using on Wordpress. Someone said to me I have to change the HTML or something? Idk. I know very little PHP. HTML & CSS i'm more Advanced in. I was wondering if someone can help me out in changing the classes and id's in the PHP code because I keep trying and I get a messed up layout like this. - http://cssispoetry.com/blog/


    [/quote][/quote]
    Blake Tallos - Software Engineer for Sanctuary
    Software Studio, Inc. C# - Fanatic!
    http://www.sancsoft.com/


  2. #2
    Guru in training bronze trophy SoulScratch's Avatar
    Join Date
    Apr 2006
    Location
    Maryland
    Posts
    1,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There's no logic to update, honestly. Just pretend it's HTML and try updating it as much as possible. When you get to a specific issue, update us.
    Cross browser css bugs

    Dan Schulz you will be missed

  3. #3
    SitePoint Wizard Blake Tallos's Avatar
    Join Date
    Jun 2008
    Location
    Cuyahoga Falls, Ohio.
    Posts
    1,510
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by SoulScratch View Post
    There's no logic to update, honestly. Just pretend it's HTML and try updating it as much as possible. When you get to a specific issue, update us.
    Yeah, but I dont even know where to start.
    Blake Tallos - Software Engineer for Sanctuary
    Software Studio, Inc. C# - Fanatic!
    http://www.sancsoft.com/



Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •