tetikmusty Üye
Mesaj Sayısı : 15 +Rep : 19 Teşekkür Et : 0 Kayıt tarihi : 03/11/09
| Konu: Kraloyun00 Dan Hediye Tasarımlar Çarş. Ara. 30, 2009 3:19 pm | |
| http://img.webme.com/pic/k/kraloyun00/css.jpg Tasarım Üstü - Kod:
-
<style> a.yukari ( position: fixed; bottom: 15px; right: 20px; font: 11px arial; text-transform: uppercase; ) </ style> <a href="#top" class="yukari"> <img src = "" border = "0" title http://img.webme.com/pic/h/hackerfriend/topimg.png = "Yukarı" / > </ a> <div id="tasarim"> <div id="baslik"> csstanbul </ div> <div id="ust"> </ div> <div id="orta"> <div class="solsutun"> <dl class="menu"> <dd> MENÜ </ dd> <dt> <a href="link"> Sayfa Adı </ a> </ dt> <dt> <a href="link"> Sayfa Adı </ a> </ dt> <dt> <a href="link"> Sayfa Adı </ a> </ dt> <dt> <a href="link"> Sayfa Adı </ a> </ dt> <dt> <a href="link"> Sayfa Adı </ a> </ dt> <dt> <a href="link"> Sayfa Adı </ a> </ dt> <dt> <a href="link"> Sayfa Adı </ a> </ dt> <dt> <a href="link"> Sayfa Adı </ a> </ dt> <dt> <a href="link"> Sayfa Adı </ a> </ dt> <dt> <a href="link"> Sayfa Adı </ a> </ dt> <dt> <a href="link"> Sayfa Adı </ a> </ dt> <dt> <a href="link"> Sayfa Adı </ a> </ dt> <dt> <a href="link"> Sayfa Adı </ a> </ dt> <dt> <a href="link"> Sayfa Adı </ a> </ dt> <dt> <a href="link"> Sayfa Adı </ a> </ dt>
</ dl> </ div> <div class="sagsutun">
Tasarım Altına - Kod:
-
</ div> </ div> <div id="alt"> </ div> </ div> 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;)
* (Padding: 0; margin: 0)
body ( margin-left: 0 auto; margin-right: 0 auto; background: url () üst orta http://img.webme.com/pic/c/csstanbul/arkaplan.jpg sabit; )
# TASARIM ( width: 800px; margin-left: 0 auto; margin-right: 0 auto; )
# baslik ( margin-left: 50auto; margin-right: 0 auto; background: url (); width: 900px; height: 80px; float: aşağı; text-decoration: underline; padding: 55px 0 0 0; font-size: 20px; color: # ff0000; font-family: verdana, arial; )
# ust ( margin-left: 0 auto; margin-right: 0 auto; background: (http://img.webme.com/pic/c/csstanbul/css_01.jpg url); width: 800px; height: 228px; float: left; )
# orta ( margin-left: 0 auto; margin-right: 0 auto; background: (http://img.webme.com/pic/c/csstanbul/css_02.jpg url); width: 800px; height: 100%; float: left; )
. solsutun ( width: 175px; float: left; padding: 0 0 0 25px; overflow: hidden; )
. sagsutun ( width: 400px; float: left; padding: 0 0 0 25px; overflow: hidden; text-align: justify; )
# alt ( margin-left: 0 auto; margin-right: 0 auto; background: (http://img.webme.com/pic/c/csstanbul/css_03.jpg url); width: 800px; height: 149px; float: left; )
<style type="text/css"> <! -- html, body ( text-decoration: underline; ) -> </ style> <html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1254"> <title> Menüsü </ title> <style type="text/css"> dl.menu (width: 200px; border: 1px solid gray; font-family: verdana, arial, sans-serif; font-weight: bold;) dl.menu (height: 24px! önemli; height: 30px; background: (menu.png) 0-50px no-repeat; padding: 6px 0 0 3px; margin: 0; font-size: 14px; color: lightyellow url dd ) dl.menu dt (border-top: 1px solid silver; height: 25px; font-size: 12px; overflow: hidden;) dl.menu a (display blok DT; height: 25px; width: 100%; padding: 5px 0 0 22px; float: left; text-decoration: none; background: # fff url (http://img.webme.com / pic / c / csstanbul / menu.png) top-repeat; color: gray;) hiçbir sol dl.menu a: hover (background: # fff url (http://img.webme.com/pic/c/csstanbul/menu.png) 0-25px no-repeat; color: # FF6464; </ style> </ head> <body>
| |
|
tetikmusty Üye
Mesaj Sayısı : 15 +Rep : 19 Teşekkür Et : 0 Kayıt tarihi : 03/11/09
| Konu: Devam Çarş. Ara. 30, 2009 3:22 pm | |
| Önizle http://img.webme.com/pic/k/kraloyun00/tasarim.png
Tasarım Üstü - Kod:
-
<div id="tasarim"> <div id="baslik"> </ div> <div id="ust"> </ div> <div id="orta"> <div class = "solsutun" > <div class="outer"> <div class="menu">
<ul> <li> <a href="http://www.cssornekleri.com"> Ana Sayfa </ a> </ li> <li> <a href="http://www.cssornekleri.com"> Hakkımızda </ a> </ li> <li> <a href="http://www.cssornekleri.com"> Hizmetler </ a> </ li> <li> <a href="http://www.cssornekleri.com"> İletişim </ a> </ li> </ ul> </ div> [b]</ div> </ div> <div class="sagsutun"> Tasarım Altı[/b] - Kod:
-
</ div> </ div> <div id="alt"> </ div> </ div>
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;) * (padding: 0; margin: 0) body (margin-left: auto; margin-right: auto; background: url (http://img.webme.com/pic/c/csstanbul/arkaplan.jpg ) top center fixed;) # TASARIM (width: 1000px; margin-left: auto; margin-right: auto;) # baslik (margin-left: auto; margin-right: auto; background: url (); width: 1007px ; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: # 000000; font-family: Verdana;) # ust (margin: 0 auto; margin-right: 0 auto; background: (http://img.webme.com/pic/c/csstanbul/ust.png url); width: 1024px; height: 266px; float: left;) # orta (margin - left: 0 auto; margin-right: 0 auto; background: (http://img.webme.com/pic/c/csstanbul/orta.png url); width: 1024px; height: 393%; float:; ). solsutun (width: 175px; float: left; padding: 0 0 0 15px; overflow: hidden;). sagsutun (width: 675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-decoration: justify;) # alt (margin: 0 auto; margin-right: 0 auto; background: (http://img.webme.com/pic/c/csstanbul/alt.png url); width: 1024px; yüksekliği : 153px; float: left;) # kommentartext (background-image: url ()Wink . dış bir,. dış div. dış li. dış ul ( margin: 0; padding: 0; font-family: Verdana, Helvetica, arial, sans-serif; ) div.menu ( width: 165px; ) div.menu ul ( list-style: none; text-indent: 0px; ) div.menu li ( margin-top: 3px; ) div.menu a ( font: 12px Verdana; padding: 4px; color: # 646.464; display: block; padding: 6px 30px; height: 20px; text-decoration: none; background: url (.); ) div.menu a: hover ( background: (http://img.webme.com/pic/c/csstanbul/highlight.gif) no-repeat right url; padding: 6px 40px; ): 148px; background: url (images / nav_active.jpg) no-repeat; color: # b18211 url;)
body (
background-image: (http://img.webme.com/pic/c/csstanbul/arkaplan.jpg url);
background-repeat: repeat;
background-attachment: scroll;
background-color: white;
background-position: top-left;
) | |
|
NegrodizayN Admin
Mesaj Sayısı : 78 +Rep : 171 Teşekkür Et : 1 Kayıt tarihi : 06/09/09 Yaş : 32
| Konu: Geri: Kraloyun00 Dan Hediye Tasarımlar C.tesi Mayıs 01, 2010 12:33 pm | |
| teşekür ederiz tasarımların için...
birazdaha ugraşırsan daha güzel olablir. | |
|
Raffy Admin
Mesaj Sayısı : 51 +Rep : 75 Teşekkür Et : 2 Kayıt tarihi : 31/05/10
| Konu: Geri: Kraloyun00 Dan Hediye Tasarımlar Cuma Haz. 11, 2010 10:00 pm | |
| Sağol....Biraz Daha Gayret | |
|