WordPress.org

Ready to get started?Download WordPress

Forums

HELP PLEASE ! (4 posts)

  1. 4iriks
    Member
    Posted 4 years ago #

    So , i need some help with style.css

    I have 3 column theme , this one

  2. http://www.bildem.lv/bilde/gg_1264357161.png
  3. But i want it to make something like this ,

  4. http://bildites.lv/images/7t45io06uyaml0oi2a9.png
  5. I need to make the content smaller , advertisements area wider , and those other stuff area too lil wider , so they all are in one page !

    I tried to do this , but hopeless , so im asking for help :) PLS

    Heres the style.css

    /*
       * Default HTML tags
       */
    a {
        color: #181818;
        }
    
    a:visited {
                color: #181818;
                text-decoration: underline;
    }
    
    a:hover {
    	color: #181818;
    }
    
    acronym, abbr {
                    cursor: help;
                    }
    
    blockquote {
    	border-left: 5px solid #e2c44a;
    	margin-left: 15px;
    	padding-left: 10px;
    }
    
    body {
           background: #000000 url("images/background.jpg") repeat-x top;
           color: #181818;
           font-size: 60.5%;
           font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
           margin: 0 auto;
           padding: 0;
           text-align: center;
           }
    
    cite {
    	font-size: 90%;
    	font-style: normal;
    }
    
    h2 {
         font-size: 12px;
         margin: 0px 0 6px 0;
         padding: 4px 0 4px 5px;
         font-weight: bold;
         color: #ffffff;
         border-top: #000000 1px solid;
         border-bottom: #000000 1px solid;
         background: url("images/content-h2.jpg") repeat-x;
    }
    
    h2 a,
    h2 a:visited {
                         text-decoration: none;
                         color: #ffffff;
                         }
    h2 a:hover,
    h2 a:visited:hover {
                         text-decoration: none;
                         color: #fffc01;
                         }
    h3 {
         font-size: 120%;
         margin-top: 0;
    }
    
    img {
          padding: 3px;
          border: #181818 1px solid;
          margin-bottom: 5px;
          }
    
    img a:link {
          padding: 3px;
          border: #181818 1px solid;
          margin-bottom: 5px;
          }
    
    img a:hover {
          padding: 3px;
          border: #181818 1px dotted;
          margin-bottom: 5px;
          }
    
    li {
         margin: 0;
         padding: 0;
         list-style-type: none;
         }
    
    ol#comments li p {
                       font-size: 100%;
                       }
    
    ul {
         margin: 0;
         padding: 0;
         }
    
    /*
       * Classes
       */
    
    /* The credits at the bottom of the site */
    #credit {
              color: #3f5179;
              font-size: 11px;
              width: 868px;
              text-align: center;
              margin: 0 auto;
              padding: 5px 0 5px 0;
              clear: both;
    
              }
    
    #credit a,
    #credit a:hover,
    #credit a:visited,
    #credit a:visited:hover {
                              color: #underline;
                              }
    
    /* For the blog tagline */
    
    /* Link to the comments */
    .feedback { font-size: 11px;
                color: #181818;
                text-align: right;
                padding-bottom: 15px;
                clear: both;
                text-transform: lowercase;
                }
    
    .feedback a, .feedback a:visited {             color: #181818;
    			    font-weight: bold;
                                text-decoration: none;
                                }
    .feedback a:hover, .feedback a:visited:hover {
                                text-decoration: underline;
                                color: #fe7200;
                                }
    
    /* The post informations */
    .meta {
            font-size: 11px;
            }
    
    .meta li,
    ul.post-meta li {
                      display: inline;
                      }
    
    .meta ul {
               display: inline;
               list-style: none;
               margin: 0;
               padding: 0;
               }
    
    .meta a {
              color: #181818;
              text-transform: lowercase;
              text-decoration: none;
    	  font-weight: bold;
              }
    
    .meta a:hover {
              color: #fe7200;
              text-transform: lowercase;
              text-decoration: underline;
              }
    .meta {
            color: #181818;
            font-weight: normal;
            letter-spacing: 0;
            font-size: 11px;
            }
    
    .storycontent {
                    font-size: 115%;
                    }
    
    /* Comment form design */
    #commentform #author,
    #commentform #email,
    #commentform #url,
    #commentform textarea {
                            background: #fefefe;
                            border: 1px solid #000000;
                            color: #181818;
                            }
    
    #commentform textarea {
    	width: 95%;
    }
    
    #commentlist li ul {
    	border-left: 1px solid #ddd;
    	font-size: 110%;
    }
    
    ol#commentlist li {
                      list-style: decimal;
                      }
    #content {
               float: left;
               width: 630px;
               margin: 5px 0px 20px 23px;
               padding: 0px 0px 10px 0px;
               text-align: left;
               display: inline;
               }
    
    #content ol li {
                     list-style: decimal;
                     }
    
    #content ul {
                  margin-top: 10px;
                  margin-left: 25px;
                  }
    
    #content ul li {
                     list-style-image: none;
                     }
    
    #content-big {
               float: left;
               width: 629px;
               margin: 5px 0px 20px 23px;
               padding: 0px 0px 10px 0px;
               display: inline;
               text-align: justify;
               }
    
    #header {
              font-size: 26px;
              font-weight: bold;
    	  text-decoration:none;
    	  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
              margin: 0 auto;
              height: 300px;
              width: 1000px;
              padding: 0;
              background: url("images/header.jpg");
              }
    
    .header-title {
    	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    	color:#ffffff;
    	font-size:28px;
            font-weight:bold;
    	padding: 48px 0px 0px 0;
    	text-align:center;
    	}
    .header-title a{
    	color:#ffffff;
    	text-decoration:none;
    	border-bottom:none;
    	}
    .header-title a:hover{
    	color:#fffc01;
    	text-decoration:none;
    	border-bottom:none;
    	}
    .header-description {
            font-size: 11px;
            font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
            font-weight: normal;
    	color:#ffffff;
    	padding: 0px 0px 0px 0px;
    	text-align:center;
    	}
    
    #footer {
              width: 1000px;
              height: 68px;
              margin: 0 auto;
    	  color: #181818;
              font-size: 11px;
              background: url("images/footer.jpg") no-repeat;
              }
    #footer p {
                              color: #181818;
                              text-decoration: none;
    			  text-align:center;
                              margin-top: 5px;
                              }
    #footer a {
                              color: #181818;
                              text-decoration: none;
    			  font-weight: bold;
                              }
    #footer a:hover {
                              color: #fe7200;
                              text-decoration: underline;
                              }
    #footer a:visited {
                              color: #181818;
                              text-decoration: none;
                              }
    #footer a:visited:hover {
                              color: #fe7200;
                              text-decoration: underline;
                              }
    
    /*
       * Left sidebar
       */
    #menu-right {
                 float: right;
                 padding: 0px 0px 2px 0px;
                 margin-right: 6px;
                 width: 336px;
                 font-size: 11px;
                 display: inline;
                 }
    
    .menu1 {
                 float: left;
                 width: 150px;
                 font-size: 11px;
    padding: 0px 0px 12px 6px;
    margin-top: 5px;
    display: inline;
                 }
    
    .menu1 h2 {
         font-size: 12px;
         margin: 0px 0 3px 0;
         padding: 4px 0 4px 5px;
         font-weight: bold;
         text-align: center;
         color: #ffffff;
         border-top: #000000 1px solid;
         border-bottom: #000000 1px solid;
         background: url("images/menu1-h2.jpg") repeat-x;
    }
    
    .menu1 a,
    .menu1 a:visited {
                                 text-transform: lowercase;
                                 text-decoration: none;
                                 color: #181818;
    			     font-weight: bold;
                                 }
    
    .menu1 a:hover,
    .menu1 a:visited:hover  {
                                  color: #181818;
                                   text-decoration: underline;
                                  }
    
    .menu1 ul ul {
                       margin-left: 8px;
                       padding: 4px 0px 10px 0px;
                       }
    
    .menu1 ul ul li {
                          list-style-image: none;
                       padding: 1px 0px 2px 0px;
                          }
    
    .menu1 img {
          padding: 4px;
          border: #000000 1px solid;
          background: #000000;
          margin-bottom: 5px;
          }
    
    .menu1 a:link img  {
          padding: 4px;
          border: #000000 1px solid;
          background: #000000;
          margin-bottom: 5px;
          }
    
    .menu1 a:hover img  {
          padding: 4px;
          border: #e2c44a 1px solid;
          background: #e2c44a;
          margin-bottom: 5px;
    }
    
    .menu2 {
                 float: left;
                 width: 157px;
                 font-size: 11px;
    padding: 0px 7px 12px 1px;
    margin-left: 5px;
    margin-top: 5px;
    display: inline;
                 }
    
    .menu2 h2 {
         font-size: 12px;
         margin: 0px 0 3px 0;
         padding: 4px 0 4px 5px;
         font-weight: bold;
         color: #ffffff;
         border-top: #000000 1px solid;
         border-bottom: #000000 1px solid;
         background: url("images/menu2-h2.jpg") repeat-x;
    }
    
    .menu2 a,
    .menu2 a:visited {
                                 text-transform: lowercase;
                                 text-decoration: none;
                                 color: #181818;
    			     font-weight: bold;
                                 }
    
    .menu2 a:hover,
    .menu2 a:visited:hover  {
                                  color: #fe7200;
                                 text-decoration: underline;
                                  }
    
    .menu2 ul ul {
                       margin-left: 6px;
                       padding: 4px 0px 10px 0px;
                       }
    
    .menu2 ul ul li {
                          list-style-image: none;
                       padding: 1px 0px 2px 0px;
                          }
    
    .125ads {
    	padding-left: 10px;
            text-align:center;
    
    }
    
    /* End of left sidebar */
    
    input#s {
              width: 158px;
              border: 1px solid #181818;
              color: #181818;
    }
    
    #rap {
           width: 1000px;
           margin: 0 auto;
           background: url("images/rap.jpg") repeat-y;
           text-align: left;
           }
    
    #searchbutton {
                    margin-top: 2px;
                    }
  • 4iriks
    Member
    Posted 4 years ago #

    So the content width = 488 , and menus width = 220 , but when i do that , the menu2 goes down !

  • That's a lot of CSS to admire. Do you have a web site link for us to look at?

    There is probably another width you need to play with, but a link will let people play with the CSS using the Web Developer Firefox extension.

  • 4iriks
    Member
    Posted 4 years ago #

  • Topic Closed

    This topic has been closed to new replies.

    About this Topic

    Tags

    No tags yet.