Yazar |
Mesaj |
-
hemen-bedavaindir
Acemi Üye
|
20.09.2012, 14:38 (UTC) Mesaj konusu: Css yardım! |
|
|
Bana bu css tasarımını uyarlayabilecek var mı?
Tasarım üstü
Kod: <div id="wrap"> <div id="header"> <h1 id="logo">Hemen-bedavaindir</h1> <h2 id="slogan">Hemen indir</h2> <div id="menu"> <ul> <li><a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.ultragenclik.com">Ana Sayfa</a></li> <li><a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.www.ultragenclik.com">İletişim</a></li> <li><a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.ultragenclik.com">Defter</a></li> <li><a href="http://www.ultragenclik.com/" _mce_href="/" _fcksavedurl="http://www.ultragenclik.com/" _fcksavedurl="http://www.ultragenclik.com/">Hakkımızda</a></li> <li><a href="http://www.ultragenclik.com/" _mce_href="/" _fcksavedurl="http://www.ultragenclik.com/" _fcksavedurl="http://www.ultragenclik.com/">Toplist</a></li> </ul> </div> </div> <div id="content-wrap"> <div id="sidebar" > <h1 class="clear">Menu</h1> <ul class="sidemenu"> <li><a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.ultragenclik.com">Ana Sayfa</a></li> <li><a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.ultragenclik.com">İletişim</a></li> <li><a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.ultragenclik.com">Ziyaretci Defteri</a></li> <li><a href="http://www.ultragenclik.com/" _mce_href="/" _fcksavedurl="http://www.ultragenclik.com/" _fcksavedurl="http://www.ultragenclik.com/">Hakkımızda</a></li> <li><a href="http://www.ultragenclik.com/" _mce_href="/" _fcksavedurl="http://www.www.ultragenclik.com/" _fcksavedurl="http://www.ultragenclik.com/">Site Ekle Toplist</a></li> </ul> <h1>CSS Tasarimm</h1> <ul class="sidemenu"> <li><a href="http://www.ultragenclik.com/" _mce_href="/" _fcksavedurl="http://www.ultragenclik.com/" _fcksavedurl="http://www.ultragenclik.com/">CSS Tasarim 1</a></li> <li><a href="http://www.ultragenclik.com/" _mce_href="/" _fcksavedurl="http://www.ultragenclik.com/" _fcksavedurl="http://www.ultragenclik.com/">CSS Tasarim 2</a></li> <li><a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.ultragenclik.com">CSS Tasarim 3</a></li> <li><a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.ultragenclik.com">CSS Tasarim 4</a></li> <li><a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.ultragenclik.com">CSS Tasarim 5</a></li> <li><a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.ultragenclik.com">CSS Tasarim 6</a></li> <li><a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.ultragenclik.com">CSS Tasarim 7</a></li> <li><a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.ultragenclik.com">CSS Tasarim 8</a></li> <li><a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.ultragenclik.com">CSS Tasarim 9</a></li> <li><a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.ultragenclik.com">CSS Tasarim 10</a></li> </ul> <h1>Dost Siteler</h1> <p>Dost Sitelerinizi Buraya Linkli Şekilde Verebilirsiniz...</p> <p class="align-right">- www.ultragenclik.com</p> <h1>Duyuru Panosu</h1> <p>Sitenizdeki Her Türlü Bilgiyi Buradan Verebilirsiniz. Başarılar.</p> </div> <div id="main"> <a name="www.ultragenclik.com"></a> <div class="box"> <h1><span class="gray">WwW.</span>UltraGenclik.<span class="gray">Com</span></h1>
Tasarım altı
Kod: </div> </div> <br /> </div> </div> <div id="footer-wrap"> <div class="footer-left"> <p class="align-left"> © 2012 <b>Company Name</b> | Design by <a href="http://www.ultragenclik.com/" _mce_href="/" _fcksavedurl="http://www.ultragenclik.com/" _fcksavedurl="http://www.ultragenclik.com/">CSS Tasarim Merkezi</a> </p> </div> <div class="footer-right"> <p class="align-right"> <a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.ultragenclik.com">Ana Sayfa</a> |
Css kodu
Kod: h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /******************************************** Design By ::: WWW.ultragenclik.com *******************************************/ /******************************************** HTML ELEMENTS ********************************************/ /* top elements */ * { padding: 0; margin: 0; } body { margin: 0; padding: 0; font: normal .70em/1.6em Verdana, Tahoma, sans-serif; color: #BDBDBD; background: #000; text-align: center; } /* links */ a { color: #FFF; background-color: inherit; text-decoration: none; } a:hover { color: #FFF; background-color: inherit; text-decoration: underline; } /* headers */ h1, h2, h3 { font: normal 1.3em 'Trebuchet MS', Arial, Sans-serif; color: #FFF; } h1 { font-size: 1.6em; } h2 { font-size: 1.4em; text-transform:uppercase; font-weight: bold;} h3 { font-size: 1.3em; font-weight: bold; } p, h1, h2, h3 { margin: 0; padding: 10px 15px; } ul, ol { margin: 10px 30px; padding: 0 15px; color: #FFF; } /* images */ img { border: 3px solid #555; } img.no-border { border: none; } img.float-right { margin: 5px 0px 5px 15px; } img.float-left { margin: 5px 15px 5px 0px; } a img { border: 3px solid #555; } a:hover img { border: 3px solid #CCC !important; /* IE fix*/ border: 3px solid #555; } code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; /* white-space: pre; */ background: #0A1646; } acronym { cursor: help; border-bottom: 1px solid #777; } blockquote { margin: 15px; padding: 0 0 0 20px; background: #0A1646; font: bold 1.3em/1.5em 'Trebuchet MS', Sans-serif; } /* form elements */ form { margin: 10px 15px; padding: 0; background: #0A1646; } label { display:block; font-weight:bold; margin:5px 0; } input { padding: 2px; border:1px solid #eee; font: normal 1em Verdana, sans-serif; color:#777; } textarea { width: 250px; padding:2px; font: normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; display:block; color:#777; } input.button { margin: 0; font: bold 1em Arial, Sans-serif; border: 1px solid #CCC; background: #FFF; padding: 2px 3px; color: #333; } /* search form */ .searchform form{ background-color: transparent; border: none; margin: 0; padding: 0; } .searchform input.textbox { margin: 0; width: 145px; border: 1px solid #777; background: #FFF; color: #333; height: 14px; vertical-align: top; } .searchform input.button { margin: 0; padding: 2px 3px; font: bold 12px Arial, Sans-serif; background: #FFF; border: 1px solid #f2f2f2; color: #333; width: 65px; vertical-align: top; } /*********************** LAYOUT ************************/ #wrap { background: #212B5C url(http://img.webme.com/pic/c/css-tasarimm/11-bg.jpg) repeat-x 0 0; margin: 20px auto 0 auto; text-align: left; border-color: #444; border-style: solid; border-width: 1px 1px 5px 1px; } #wrap, #footer-wrap { width: 84%; } /* header */ #header { position: relative; height: 110px; background: #7F8082 url(http://img.webme.com/pic/c/css-tasarimm/11-header-bg.jpg) repeat-x 0% 100%; border-bottom: 5px solid #444; } #header h1#logo { position: absolute; top: 5px; left: 20px; margin: 0; padding: 0; font: bolder 50px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; } #header h2#slogan { position: absolute; top: 50px; left: 65px; color: #FFF; text-indent: 0px; font: bold 12px Tahoma, 'Trebuchet MS', Sans-serif; text-transform: none; } /* content-wrap */ #content-wrap { clear: both; margin: 0; padding: 0; } /* box */ .box { margin: 10px 15px; border: 1px solid #0A1646; background-color: #1B2455; } /* main */ #main { margin: 0 0 0 270px; padding-top: 20px; } #main .box { margin-left: 0; } /* sidebar */ #sidebar { float: left; width: 250px; margin: 0; padding-top: 20px; } #sidebar ul.sidemenu { margin: 0 0 0 15px; padding: 0; background: #242424; border-top: 5px solid #444; } #sidebar ul.sidemenu li { display: inline; list-style: none; } #sidebar ul.sidemenu li a { display: block; padding: 5px 10px 5px 15px; text-decoration: none; color: #CCC; font-weight: bold; } #sidebar ul.sidemenu li a:hover { color: #333; background: #A0A0A0; } /* Footer */ #footer-wrap { clear: both; color: #FFF; background: #000; margin: 0 auto; padding: 0; font-size: 88%; } #footer-wrap a { text-decoration: none; font-weight: bold; color: #FFF; } #footer-wrap .footer-left{ float: left; width: 65%; padding-bottom: 20px; } #footer-wrap .footer-right{ float: right; width: 30%; padding-bottom: 20px; } /* menu tabs */ #header ul { position: absolute; top: 20px; right: 20px; margin:0; padding: 0; list-style:none; font: bold 1.3em 'Trebuchet MS', Tahoma, verdana, sans-serif; height: 2.3em; } #header li { display:inline; margin:0; padding:0; } #header a { float: left; margin:0; padding:3px 10px 2px 10px; text-decoration:none; color: #CCC; } #header a:hover { border-top: 5px solid #CCC; } #header #current a { color: #FFF; border-top: 5px solid #FFF; } /* end menu tabs */ /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* additional classes */ .clear { clear: both; } .gray { color: #A0A0A0; } .comments { text-align: right; padding: 7px 15px; margin: 20px 15px 15px 15px; background: #0A1646; }
Teşekkürler Yalnız acil lazım! |
|
↑
|
|
|
-
anadolulular
Uzman Üye
Konum: Bochum/Konya
|
20.09.2012, 14:50 (UTC) Mesaj konusu: |
|
|
Merhabalar,
Tasarım zaten uyarlanmış.
Konuyu biraz açarmısınız? |
|
↑
|
|
|
-
hemen-bedavaindir
Acemi Üye
|
20.09.2012, 16:08 (UTC) Mesaj konusu: |
|
|
Ya bunu siteme koydum mesala hakkımızda veya menüdeki seçeneklere tıkladığımda bu tasarımı aldığım site açılıyor ve menünün altındaki yazılar var onları düzeltmek istiyorum. |
|
↑
|
|
|
-
hayatnotlarim
Acemi Üye
|
20.09.2012, 16:21 (UTC) Mesaj konusu: |
|
|
Örneğin menunun kodlarında
Kod: <li><a href="http://www.ultragenclik.com" _mce_href="" _fcksavedurl="http://www.ultragenclik.com" _fcksavedurl="http://www.ultragenclik.com">Ana Sayfa</a></li>
Yeri varya oradaki linkleri değiştir. Örnek veriyorum:
Kod: <li><a href="BURAYA KENDİ SİTENIN ADRESI" _mce_href="" _fcksavedurl="BURAYA KENDİ SİTENIN ADRESI" _fcksavedurl="BURAYA KENDİ SİTENIN ADRESI">Ana Sayfa</a></li>
Seklınde lınkleri düzenleyebılırsın. Menunun altındaki yazıları duzenlemek ıcınde kodlarda o yazıyı bıl sıl ne yazmak istıyorsan yaz ? |
|
↑
|
|
|
-
hemen-bedavaindir
Acemi Üye
|
20.09.2012, 16:59 (UTC) Mesaj konusu: |
|
|
Yardımın için teşekkürler |
|
↑
|
|
|
-
hayatnotlarim
Acemi Üye
|
20.09.2012, 17:18 (UTC) Mesaj konusu: |
|
|
Rica ederim takıldığın yada anlayamadığın yer olursa özelden msj at yardımcı olmaya calısırım. Tasarım kodlamayı bılmıyorum ama cok güzel düzenleyebilirim yani (: |
|
↑
|
|
|
-
unsalblog
Acemi Üye
|
|
↑
|
|
|
|