Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj03.02.2012, 11:52 (UTC)    
Mesaj konusu: Tasarım Uyarlamada Takıldığım Nokta

Merhaba arkadaşlar.Ben yaklaşık 2 sene önce tr.gg ile uğraşıyordum ve en son kesinbilgi.tr.gg ps den tasarım yapmıştım fakat şimdi bir tasarımı uyarlamaya çalışırken css de ayırmada sorun yaşadım.

Bu konu hakkında bilgisi olanlar şu koda bakabilirlermi



Kod:
{padding:0px; margin:0px; background:#fff url(http://imageshack.us/photo/my-images/849/bbody.gif/) 0 0 repeat-x; color:#848484; font:10px/12px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/12px Tahoma, sans-serif; color:#60b13b; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

p span.headline{font:11px/14px Trebuchet MS, sans-serif; color:#464646; font-weight:bold}
p.subtitle{font:11px/12px Arial, Helvetica, sans-serif; color:#b2b2b2; text-transform:uppercase; display:block; border-bottom:#b2b2b2 1px dotted; padding-bottom:10px; padding-left:3px}

#container{width:775px; margin:0 auto; position:relative; background:url(http://imageshack.us/photo/my-images/337/bheader.jpg/) 0 0 no-repeat}

/* HEADER */

#header{height:184px; position:relative; margin:0 auto}

#logo{position:absolute; top:14px; left:51px}

#searchForm{position:absolute; top:21px; left:473px}

#searchForm img#h_search{float:left; margin-right:5px; padding-top:1px}
#searchForm input{width:112px; height:14px; background:#4a4a4a; float:left; margin-right:5px; font:10px/12px Tahoma, sans-serif; color:#fff; border:none}
#searchForm img#submit{float:left; padding-top:1px}

#header ul.menu{position:absolute; top:58px; left:63px; width:675px}
#header ul.menu li{float:left; width:97px; height:97px; margin-right:11px}
#header ul.menu li a{ width:97px; height:97px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{ width:97px; height:97px;}

#header ul.menu li.home a{ background:url(http://imageshack.us/photo/my-images/62/btn1m.jpg/) 0 0 no-repeat; }
#header ul.menu li.home a:hover{background:url(http://imageshack.us/photo/my-images/849/btn1over.jpg/) 0 0 no-repeat;}

#header ul.menu li.previews a{background:url(http://imageshack.us/photo/my-images/51/btn2i.jpg/) 0 0 no-repeat; }
#header ul.menu li.previews a:hover{background:url(http://imageshack.us/photo/my-images/692/btn2overl.jpg/) 0 0 no-repeat;}

#header ul.menu li.reviews a{background:url(http://imageshack.us/photo/my-images/99/btn3.jpg/) 0 0 no-repeat; }
#header ul.menu li.reviews a:hover{background:url(http://imageshack.us/photo/my-images/405/btn3over.jpg/) 0 0 no-repeat;}

#header ul.menu li.new a{background:url(http://imageshack.us/photo/my-images/861/btn4.jpg/) 0 0 no-repeat; }
#header ul.menu li.new a:hover{background:url(http://imageshack.us/photo/my-images/836/btn4over.jpg/) 0 0 no-repeat;}

#header ul.menu li.top a{background:url(http://imageshack.us/photo/my-images/822/btn5w.jpg/) 0 0 no-repeat; }
#header ul.menu li.top a:hover{background:url(http://imageshack.us/photo/my-images/9/btn5over.jpg/) 0 0 no-repeat;}

#header ul.menu li.contacts {margin-right:0}
#header ul.menu li.contacts a{background:url(http://imageshack.us/photo/my-images/269/btn6.jpg/) 0 0 no-repeat; }
#header ul.menu li.contacts a:hover{background:url(http://imageshack.us/photo/my-images/46/btn6over.jpg/) 0 0 no-repeat;}

/* CONTENT */

#content{width:695px; position:relative; margin:0 auto; clear:both}

#leftPan{width:315px; margin:17px 0 0 0; float:left;}
#rightPan{width:380px; float:left;}

#welcome{width:290px; margin-left:11px; margin-bottom:30px}
#welcome h2{height:60px; position:relative; background:url(http://imageshack.us/photo/my-images/11/hwelcome.gif/) 0 0 no-repeat; margin-bottom:27px}
#welcome p.subtitle{margin-bottom:15px}

#welcome ul{width:135px; float:left}
#welcome ul li{font:10px/14px Tahoma, Geneva, sans-serif; background:url(http://imageshack.us/photo/my-images/442/checkt.gif/) 0 0 no-repeat; padding-left:22px; height:20px;}
#welcome ul li a{color:#878787; text-decoration:underline;}
#welcome ul li a:hover{color:#000; text-decoration:none;}
#welcome ul#list01{margin:0 10px 0 3px}


#previews h2{height:23px; position:relative; background:url(http://imageshack.us/photo/my-images/715/hpreviews.gif/) 14px 0 no-repeat; margin-bottom:13px}

#previews p span.headline{display:block; margin-bottom:2px}

.previewItem01{display: block; height:76px; background:#f7f7f7; margin-bottom:5px; }
.previewItem01 img{float:left; margin:4px 14px 0 18px;}
.previewItem01 .previewText{width:147px; margin-right:6px; float:left; margin-top:7px}
.previewItem01 .score{width:47px; height:47px; background:url(http://imageshack.us/photo/my-images/38/bscore.gif/) 0 0 no-repeat; margin:5px 0 0 0; float:left}
.previewItem01 .score p{ text-align:center; font: 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; padding-top:3px }
.previewItem01 .score p span{ font: 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold }

.previewItem02{display: block; height:76px; margin-bottom:5px; }
.previewItem02 img{float:left; margin:4px 14px 0 18px;}
.previewItem02 .previewText{width:147px; margin-right:6px; float:left; margin-top:7px}
.previewItem02 .score{width:47px; height:47px; background:url(../images/b_score.gif) 0 0 no-repeat; margin:5px 0 0 0; float:left}
.previewItem02 .score p{ text-align:center; font: 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; padding-top:3px }
.previewItem02 .score p span{ font: 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold }

#ad{margin-bottom:20px;}
#ad img#mainImg{margin:0; height:199px}
#description{height:85px; background: url(http://imageshack.us/photo/my-images/28/backfeat.gif/) 0 0 no-repeat; position:relative}
#title{width:225px; margin:11px 0 0 22px; }
#title h2{height:19px; background:url(http://imageshack.us/photo/my-images/37/namefeat.gif/) 0 0 no-repeat; margin-bottom:10px}

#stars{width:80px; position:absolute; top:11px; left:281px}
#stars img{margin-bottom:5px; clear:both}
#stars p{text-align:right; font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#848484;}
#stars p span{ font-weight:bold}

#description ul{width:90px; height:29px; position:absolute; top:56px; left:277px; background:url(http://imageshack.us/photo/my-images/109/bbtnfeat.gif/) 0 0 no-repeat; }
#description ul li{text-align:center; padding-top:8px}
#description ul li a{font:11px/14px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase}
#description ul li a:hover{color:#c0e4f6}

#new{width:350px; margin-left:21px; margin-bottom:10px}
#new h2{height:23px; position:relative; background:url(http://imageshack.us/photo/my-images/706/hnew.gif/) 0 0 no-repeat; margin-bottom:17px}
.newItem {width:165px; float:left; margin-right:10px; margin-bottom:13px}
.newItem img{float:left; margin-right:10px}
.newItem p{width:85px; margin-bottom:10px; padding-top:7px; float:left}
.newItem ul.btn_more{float:left; height:14px}
.newItem ul.btn_more li{ height:14px; background:url(http://imageshack.us/photo/my-images/210/arrowhw.gif/) 0 0 no-repeat; padding-left:22px}
.newItem ul.btn_more li a{font:11px/12px Arial, Helvetica, sans-serif; color:#b2b2b2; text-decoration:none; text-transform:uppercase}
.newItem ul.btn_more li a:hover{color:#000}

#wanted{width:340px; margin-left:21px;}
#wanted h2{height:23px; position:relative; background:url(http://imageshack.us/photo/my-images/690/hwanted.gif/) 0 0 no-repeat; margin-bottom:6px}
#wanted p.subtitle{margin-bottom:10px}
#wanted img{float:left; margin-right:10px}
#wanted p span.headline{display:block; margin-bottom:2px; padding-top:2px}

/* FOOTER */

#footer{height:90px; clear:both; margin:15px auto 0 auto; background:url(http://imageshack.us/photo/my-images/690/bfooter.gif/) 0 0 repeat-x}
#footer p{padding: 25px 0 0 0; font:12px/16px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#848484;}
#footer p a{font:12px/16px Tahoma, Geneva, sans-serif; font-weight:normal; color:#848484; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#848484; color:#fff}
#sponsor{
   width:756px;
   margin:0 auto;
   text-align: center;
   padding: 0px 0px 15px 0px;
}
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu