Results 1 to 9 of 9

Thread: CSS

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Registered User
    Join Date: Apr:2007
    Location: Bulgaria
    Posts: 301

    CSS

    http://literat-img.cixx6.com/index.php - http://literat-img.0zed.com/ . 7. - . . - 6 8, . CSS-?!

    CSS:
    Code:
    * {margin: 0;}
    html, body {height: 100%; background: #ccc; color: #000; font: 18px georgia, "Times New Roman", sans-serif; margin: 0px; padding: 0px;}
    #kazan {width: 861px; height: auto; margin: 3px auto; padding:0;}
    /*#headerwrap{
    	position:absolute;
    	top:3px;
    	
    }*/
    #gore {float: left; background: url(../images/leftUP.png) no-repeat; height: 116px; width: 140px; /*border: #e46e79 1px solid; border-bottom: none;*/ 
    margin: 0 0 0 0; padding: 0; z-index:18; 
    
    -webkit-border-top-left-radius: 10px; 
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    }
    #gore ul {list-style-type: none; font-size: 17px; font-weight: bold; margin: 0; padding: 0 0 0 10px;}
    #gore ul li {padding-top: 6px;}
    #gore ul li a {text-decoration: underline; color: #FFF;}
    #gore ul li a:hover {text-decoration: underline; color: #CC0099;}
    #gore ul li a:active {text-decoration: none; color: #cac2c2;}
    
    #flash {float: left; margin: 0px 0px 0 0px; width: 576px; height: 116px; z-index: 70; margin: 0 0 0 0;}
    #goreright {float: left; background: url(../images/rightUP.png) no-repeat; height: 116px; width: 145px; 
    margin: auto; z-index: 28;}
    #goreright  input[type="text"], [type="password"] {height: 12px; display: block; width: 123px;}
    #begin {padding: 10px 0px 0 26px;}
    #begin a{text-decoration: none; color: #00FFFF; font: 22px georgia; font-weight: bold;}
    #begin a:hover{text-decoration: underline; color: #CC0099;}
    #begin a:active{text-decoration: none; color: #cac2c2;}
    
    .login {padding: 4px 0 0 3px; font-size: 13px; color: #00FFFF;}
    
    .mistake{font-size: 16px; padding: 0 0 0 17px;}
    
    #lognat {padding: 3px 3px 3px 3px;}
    #lognat ul {list-style-type: none; margin: 0 0 0 0; padding: 0px 0 0 0;}
    #lognat ul li {margin: 0px 0 0px 0; padding: 5px 0 0px 0;}
    #lognat a:link{text-decoration: none; color: #00FFFF;}
    #lognat a:visited {color: #00FFFF;}
    #lognat a:hover {color: #d9d6d6;}
    #lognat a:active {color: #cac2c2;}
    #lognat p {text-align: center; margin: 15px 0 0 0; font-weight: bold; font-size: 20px;}
    
    #menu{width:877px; height: 59px; padding: 0 0px 93px 0; margin: 0px 0 0 0px; z-index:20;}
    #menu ul {list-style-type:none; margin: 0; padding: 0;}
    #menu  ul li{float:left;}
    
    #gray {
    	background: url(../images/grayyy.png) repeat-y; 
    	margin: 0px 0px 0px 0px; 
    	padding: 20px 9px 20px 9px;
    }
    
    #gray_1 {
    	background: url(../images/grayyy.png) repeat-y; height: 892px;
    	margin: 0px 0px 0px 0px; 
    	padding: 20px 9px 20px 9px;
    }
    
    #za_men a{background: url(../images/but1.png) no-repeat;}
    #lit a{background: url(../images/but2.png) no-repeat;}
    #images a{background: url(../images/but3.png) no-repeat;}
    #photos a{background: url(../images/but4.png) no-repeat;}
    #music  a{background: url(../images/but5.png) no-repeat;}	
    	
    .nav a{
     margin: 0 15.3px 0 0;
     text-decoration: none;
     text-align: center;
     color: #fff;
     font-family: Georgia,"Times New Roman",serif;
     font-size: 18px;
     font-weight: bold;
     display: block;
     height: 50px;
     width: 160px;
     padding-top: 10px;
    }
    .nav a:hover {padding-top: 22px; height: 38px;}
    .nav a:active {color: #cac2c2;}
    
    .title_1 {margin: 25px auto 5px auto; font-size: 25px; font-weight: bold; color: #67138a; text-align: center;
    background: #efefef; width: 52%;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter:alpha(opacity=65);
    opacity: 0.65;
    -moz-opacity:0.65;}
    
    #box1 {width: 201px; height: 254px; float:left; margin: 60px 20px 0 0px; z-index:40; font: 15px georgia, "Times New Roman", sans-serif;  text-align: justify;}
    
    #box1up {width: 199px; height: 17px; 
    background: url(../images/kapak_01_1.png) no-repeat; margin: auto; border: 1px solid #e25e6a; 
    -webkit-border-top-left-radius: 8px; 
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;}
    #box1content {width: 201px; height: 216px; background-color: #cbafaf; margin: 0px 0 0 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter:alpha(opacity=65);
    opacity: 0.65;
    -moz-opacity:0.65;
    }
    
    #box1content p {margin: 0px 0 0 0; padding: 0 4px 2px 4px; font-size: 17px;}
    #box1content ul {list-style-type: none; padding: 0px 4px 0 4px;}
    #box1content ul li{padding-top:4px;}
    #box1content ul li a:link{text-decoration: none; color: #a41484;}
    #box1content ul li a:visited {text-decoration: none; color: #a41484;}
    #box1content ul li a:hover {color: #EEEEEE; text-decoration: underline;}
    #box1content ul li a:active {text-decoration: none; color: #FFCCFF;}
    
    #box1content p {margin: 0px 0 0 0; padding: 0 4px 2px 4px; font-size: 17px;}
    #box1content a:link{text-decoration: none; color: #a41484; padding: 0 4px 2px 4px;}
    #box1content a:visited {text-decoration: none; color: #a41484;}
    #box1content a:hover {color: #EEEEEE; text-decoration: underline;}
    #box1content a:active {text-decoration: none; color: #FFCCFF;}
    
    #box1down {width: 199px; height: 17px; 
    background: url(../images/kapak_01_2.png) no-repeat; margin: auto; border: 1px solid #e25e6a;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;}
    
    #liter {width: 201px; height: 254px; float:left; margin: 60px 20px 0 0px; z-index:40; font: 15px georgia, "Times New Roman", sans-serif;}
    
    #literup {width: 199px; height: 17px; 
    background: url(../images/kapak_01_1.png) no-repeat; margin: auto; border: 1px solid #e25e6a; 
    -webkit-border-top-left-radius: 8px; 
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    behavior:url(../CSS/PIE/PIE.htc);
    }
    
    #litercontent {width: 201px; height: 216px; background-color: #cbafaf; margin: 0px 0 0 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter:alpha(opacity=65);
    opacity: 0.65;
    -moz-opacity:0.65;
    }
    
    
    #litercontent ul {list-style-type: none; padding: 0px 2px 4px 0px; text-align: left;}
    #litercontent ul li {padding-top:4px;}
    #litercontent ul li a:link {text-decoration: none; color: #a41484;}
    #litercontent ul li a:visited {text-decoration: none; color: #a41484;}
    #litercontent ul li a:hover {color: #EEEEEE; text-decoration: underline;}
    #litercontent ul li a:active {text-decoration: none; color: #FFCCFF;}
    
    #litercontent a:link{text-decoration: none; color: #a41484; padding: 0 4px 2px 4px;}
    #litercontent a:visited {text-decoration: none; color: #a41484;}
    #litercontent a:hover {color: #EEEEEE; text-decoration: underline;}
    #litercontent a:active {text-decoration: none; color: #FFCCFF;}
    #litercontent p {padding-bottom: 10px;}
    #litercontent p  a{padding: 0px 2px 0px 3px; text-align: left; color: #a41484;}
    #litercontent p  a img {margin: 0px 0 0 3px; vertical-align: middle;}
    
    #literdown {width: 199px; height: 17px; 
    background: url(../images/kapak_01_2.png) no-repeat; margin: auto; border: 1px solid #e25e6a;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    behavior:url(../CSS/PIE/PIE.htc);
    }
    
    #box2 {width: 401px; height: 254px; float:left; margin: 60px 20px 0 0; z-index:40;}
    #box2up {width: 399px; height: 17px; margin: auto; border: 1px solid #e25e6a; 
    background: url(../images/kapak_02_1.png) no-repeat;
     
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;}
    #box2left {width: 64px; height: 216px; background-color: #cbafaf; float: left; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter:alpha(opacity=65); 
    opacity: 0.65;
    -moz-opacity:0.65;}
    #box2content {background: url(../images/moliv.png) no-repeat; width: 273px; height: 216px; float: left;}
    #box2right {width: 64px; height: 216px; background-color: #cbafaf; margin: 0 0px 0 337px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter:alpha(opacity=65); 
    opacity: 0.65;
    -moz-opacity:0.65;}
    
    #box2down {width: 399px; height: 17px; margin: auto; border: 1px solid #e25e6a; 
    background: url(../images/kapak_02_2.png) no-repeat;
     
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;}
    
    
    #box3 {width: 201px; height: 254px; float:left; z-index:4; margin: 60px 0px 0 0; text-align: justify; 
    font: 15px georgia, "Times New Roman", sans-serif; color: #000;}
    #box3up {width: 199px; height: 17px; 
    background: url(../images/kapak_01_1.png) no-repeat; margin: auto; border: 1px solid #e25e6a;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;}
    #box3content {width: 201px; height: 216px; margin: 0px 0 0 0;  
    background-color: #cbafaf; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; 
    filter:alpha(opacity=65);
    opacity: 0.65;
    -moz-opacity:0.65;}
    #box3content p {padding: 0px 4px 2px 4px; font-size: 16px;}
    #box3content a:link{text-decoration: none; color: #a41484;}
    #box3content a:visited {text-decoration: none; color: #a41484;}
    #box3content a:hover {color: #EEEEEE; text-decoration: underline;}
    #box3content a:active {text-decoration: none; color: #FFCCFF;}
    
    #box3down {width: 199px; height: 17px; 
    background: url(../images/kapak_01_2.png) no-repeat; margin: auto; border: 1px solid #e25e6a;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;}
    
    #box4 {width: 201px; height: auto; float: left; margin: 19px 20px 0 0px; z-index:20; text-align: justify;
    color: #000; font: 15px georgia, "Times New Roman", sans-serif;}
    #box4up {width: 199px; height: 17px; 
    background: url(../images/kapak_01_1.png) no-repeat; margin: auto; border: 1px solid #e25e6a;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;}
    #box4content {width: 201px; background-color: #cbafaf; 
     margin: 0px 0 0px 0; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; 
    filter:alpha(opacity=65);
    opacity: 0.65;
    -moz-opacity:0.65;}
    #box4content h4{padding: 0px 4px 1px 4px; font-size: 16px; color: #67138a; background: #d6cece; height: 20px;}
    #box4content ul {list-style-type: none; padding: 0px 4px 6px 4px; }
    #box4content ul li{padding-top:4px;}
    #box4content ul li a:link{text-decoration: none; color: #a41484;}
    #box4content ul li a:visited {text-decoration: none; color: #a41484;}
    #box4content ul li a:hover {color: #EEEEEE; text-decoration: underline;}
    #box4content ul li a:active {text-decoration: none; color: #FFCCFF;}
    
    #box4down {width: 199px; height: 17px; 
    background: url(../images/kapak_01_2.png) no-repeat; margin: auto; border: 1px solid #e25e6a;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;}
    
    #box5 {width: 401px; height: auto; float: left; margin-right: 16px; margin-top: 19px; z-index: 20; text-align: justify;
    color: #000; font: 15px georgia, "Times New Roman", sans-serif;}
    #box5 p {font-size: 18px;}
    .me {color: #67138a; font-size: 18px; font-weight: bold;}
    #box5up {width: 399px; height: 17px; margin: auto; border: 1px solid #e25e6a;
    background: url(../images/kapak_02_1.png) no-repeat;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;}
    #box5content {width: 401px; background-color: #cbafaf; margin: 0px 0 0px 0; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; 
    filter:alpha(opacity=65);
    opacity: 0.65;
    -moz-opacity:0.65;}
    #box5content  p {padding: 0px 4px 2px 4px;}
    #box5content  a{text-decoration: none; color: #a41484;}
    #box5content a:hover {color: #fff; text-decoration: underline;}
    #box5content a:visited {text-decoration: none; color: #a41484;}
    #box5content a:active {text-decoration: none; color: #FFCCFF;}
    
    
    #box5down {width: 399px; height: 17px; margin: auto; border: 1px solid #e25e6a;
    background: url(../images/kapak_02_2.png) no-repeat; 
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;}
    
    #box6 {width: 201px; height: auto; float: left; margin: 19px 0px 17px 4px; z-index: 1; text-align: justify;
    color: #000; font: 15px georgia, "Times New Roman", sans-serif;}
    #box6up {width: 199px; height: 17px; 
    background: url(../images/kapak_01_1.png) no-repeat; margin: auto; border: 1px solid #e25e6a;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;}
    #box6content {width: 201px; background-color: #cbafaf; margin: 0px 0 0px 0;  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; 
    filter:alpha(opacity=65);
    opacity: 0.65;
    -moz-opacity:0.65;}
    #box6content  p {padding: 0px 4px 2px 4px;}
    #box6content  a{text-decoration: none; color: #a41484;}
    #box6content a:hover {color: #fff; text-decoration: underline;}
    #box6content a:visited {text-decoration: none; color: #a41484;}
    #box6content a:active {text-decoration: none; color: #FFCCFF;}
    
    #box6down {width: 199px; height: 17px; 
    background: url(../images/kapak_01_2.png) no-repeat; border: 1px solid #e25e6a; margin: auto; 
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;}
    
    #pagedown {width: 861px; height: 66px; background: url(../images/down_page.png) no-repeat; color: #FFF;
    margin: 0px 0 0 0; padding: 3px auto;}
    
    #pagedown ul {list-style: none; margin: -20px 0 0 160px; padding: 0px 0 0px 0; font-weight: bold;}
    #pagedown ul li {display: inline; margin: 0 16px 0 0;}
    #pagedown ul li a {color: #fff; text-decoration: none;}
    #pagedown ul li a:hover {color: #fff; text-decoration: underline;}
    #pagedown ul li a:active {color: #cac2c2;}
    #pagedown p {margin: 0px 0x 0px 0px; padding: 22px 0 0 30px;}
    
    .clearer{line-height: 0px; font-size: 0px; clear: both;	overflow: hidden;}

  2. #2
    Registered User
    Join Date: Jul:2006
    Location:
    Posts: 1,071
    ( CSS HTML ):

    - <ul> </ul> #menu DIV-, html- ;
    - padding 0 #menu { ... } ;
    - #clearer { ... } clear:both;
    - margin-top -23px ( ) #gray { ... }

    , "a img { border: 0 }" CSS, ( , ).

Posting Permissions

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

Copyright © 1999-2011 . .
iskamPC.com | mobility.BG | Bloody's Techblog | | 3D Vision Blog |