Results 1 to 9 of 9
Thread: CSS
Hybrid View
-
16th April 2013 20:50 #1Registered 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;}
-
16th April 2013 22:24 #2Registered 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, ( , ).




Reply With Quote
Lenovo ThinkPad 15 IdeaPad 15
5th May 2023, 22:16 in