Yazar |
Mesaj |
-
adige-web
Acemi Üye
|
14.11.2010, 17:35 (UTC) Mesaj konusu: Bu Şekilde nasıl kodluyoruz |
|
|
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; }
table {margin-left: auto;margin-left: auto}
* {padding: 0; margin:0 }
body {
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/background.png) top center fixed;
}
#tasarim{
width: 678px;
margin-left: 335px;
margin-top: 50px;
}
#ust{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/ust.png);
width: 678px;
height: 19px;
float: left;
}
#orta{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/orta.png);
width: 678px;
height: 100%;
float: left;
}
.icerik {
width:658px;
float: left;
padding: 0 0 0 10px;
overflow: hidden;
text-align: justify;
}
#alt{
margin-left: 335px;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/alt.png);
width: 676px;
height: 33px;
float: left;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#slantedmenu{
font-weight: bold;
font-size: 90%;
}
#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}
#slantedmenu ul li{
display: inline;
}
#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(http://www.dynamicdrive.com/cssexamples/media/slantdivider.gif) top right no-repeat;
}
#slantedmenu ul li a:visited{
color: #494949;
}
#slantedmenu ul li a:hover{
color: black;
}
.hata, .ikaz, .tamam, .bilgi {
margin-bottom: 1.5em;
padding: 1em 1.5em 1em 5.5em;
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
color: #444 }
.hata { background: #fbe3e4 url(http://img.webme.com/pic/m/mistanbul/hata.png) 2.2em center no-repeat; border-color: #e0011b }
.hata a { color: #d12f19 }
.ikaz { background: #fff6bf url(http://img.webme.com/pic/m/mistanbul/ikaz.png) 2.2em center no-repeat; border-color: #ffd324 }
.ikaz a { color: #817134 }
.tamam { background: #e9ffdd url(http://img.webme.com/pic/m/mistanbul/tamam.png) 2.2em center no-repeat; border-color: #72c868 }
.tamam a { color: #529214 }
.bilgi { background: #e2ecee url(http://img.webme.com/pic/m/mistanbul/bilgi.png) 2.2em center no-repeat; border-color: #9ddae6 }
.bilgi a { color: #2d7ba2 }
/* listeler */
.hata ul, .ikaz ul, .tamam ul, .bilgi ul {
list-style: none;
margin: 1.3em 1.5em }
.hata ul li, .ikaz ul li, .tamam ul li, .bilgi ul li { padding-left: 1.3em }
.hata ul li { background: url(http://img.webme.com/pic/m/mistanbul/hata-bullet.png) 0 0.55em no-repeat }
.ikaz ul li { background: url(http://img.webme.com/pic/m/mistanbul/ikaz-bullet.png) 0 0.55em no-repeat }
.tamam ul li { background: url(http://img.webme.com/pic/m/mistanbul/tamam-bullet.png) 0 0.55em no-repeat }
.bilgi ul li { background: url(http://img.webme.com/pic/m/mistanbul/bilgi-bullet.png) 0 0.55em no-repeat }
Bu Öğretene Sitemi Verecem. |
|
↑
|
|
|
-
anadolulular
Uzman Üye
Konum: Bochum/Konya
|
14.11.2010, 17:37 (UTC) Mesaj konusu: |
|
|
Merhavalar,
Zaten Kodlanmis hali.
Bu Kodu Tasarim Ayarlarindan Gelismis ayarlara girerek Css Koduna ekleyebilirsiniz.
Iyi forumlar. |
|
↑
|
|
|
-
adige-web
Acemi Üye
|
14.11.2010, 17:40 (UTC) Mesaj konusu: Aaa |
|
|
Aaa Kodlanmışmı Bilmiyordum.
Biliyorumda Diger Kodlanmış Tasarımlara benzemıyor kodlama
Kod: #tasarim{
width: 678px;
margin-left: 335px;
margin-top: 50px;
}
#ust{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/ust.png);
width: 678px;
height: 19px;
float: left;
}
Kod: #tasarim{
width: 678px;
margin-left: 335px;
margin-top: 50px;
}
#ust{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/ust.png);
width: 678px;
height: 19px;
float: left;
}
Tasarım
Ust Yazmış bunun gibi |
|
↑
|
|
|
-
anadolulular
Uzman Üye
Konum: Bochum/Konya
|
14.11.2010, 17:54 (UTC) Mesaj konusu: |
|
|
Hayir verdiginiz Kod Css Kodudur.
Dolayisiyla hepsi Css Kodu'na eklenir. |
|
↑
|
|
|
-
estemplate
Aktif Üye
|
14.11.2010, 17:58 (UTC) Mesaj konusu: |
|
|
dostum o tasarım bana aittir(tasarimci-amca1 benım sıte) tasarımda sorun mu var ? bana pm ıle ulaş yardımcı olayım.______________ |
|
↑
|
|
|
-
sablontika
Aktif Üye
|
14.11.2010, 21:10 (UTC) Mesaj konusu: |
|
|
Rollover tasarım katlanıyor ama içeriği resimli kısa ve öz yapıcaksınız önizleme
http://spritmaster.tr.gg/
kodlar
t-üstü
Kod: <script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
body {
background-color: #000000;
}
body,td,th {
font-weight: bold;
color: #800000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
a {
font-weight: bold;
}
-->
</style><body onLoad="MM_preloadImages('file:///C|/Documents and Settings/Aykut/Desktop/images/kcnkj08d_01.png')">
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="1050" height="128"><a href="#" target="#" onMouseOver="MM_swapImage('Image1','','file:///C|/Documents and Settings/Aykut/Desktop/images/kcnkj08d_01.png',1)" onMouseOut="MM_swapImgRestore()"><img src="http://img192.imageshack.us/img192/7020/kcnkj08d01.png" alt="#" name="Image1" width="1024" height="128" border="0" usemap="#Image1Map" lowsrc="#"></a></td>
</tr>
<tr>
<td height="527" background="http://img338.imageshack.us/img338/5552/kcnkj08d02.png"><table width="1016" height="482" border="0" align="center">
<tr>
<td valign="top"><div id="content"></div>
T-altı
Kod: </tr>
</table></td>
</tr>
<tr>
<td height="113" background="http://img440.imageshack.us/img440/7108/kcnkj08d03.png"> </td>
</tr>
</table>
<map name="Image1Map">
<area shape="rect" coords="47,97,188,119" href="http://spritmaster.tr.gg/" target="http://spritmaster.tr.gg/" alt="http://spritmaster.tr.gg/">
<area shape="rect" coords="258,91,433,115" href="http://spritmaster.tr.gg/Hakkımızda.htm" target="http://spritmaster.tr.gg/Hakk%26%23305%3Bm%26%23305%3Bzda.htm" alt="http://spritmaster.tr.gg/Hakk%26%23305%3Bm%26%23305%3Bzda.htm">
<area shape="rect" coords="490,93,611,117" href="http://spritmaster.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" target="http://spritmaster.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" alt="http://spritmaster.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">
<area shape="rect" coords="671,89,772,114" href="http://spritmaster.tr.gg/Yaz%26%23305%3Blar.htm" target="http://spritmaster.tr.gg/Yaz%26%23305%3Blar.htm" alt="Gidilecek adres">
<area shape="rect" coords="845,93,900,115" href="http://spritmaster.tr.gg/Blog.htm" target="http://spritmaster.tr.gg/Blog.htm" alt="http://spritmaster.tr.gg/Blog.htm">
</map>
css kodu
Kod: iframe{border:solid 4px #000000;} 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;} #counter{text-align:center;} * {padding: auto; margin:auto} body { margin-left: auto; margin-right: auto; background: url(url) top center fixed; } #design_by_endless94_tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #endless94_ust{ margin-left: auto; margin-right: auto; background: url(http://img529.imageshack.us/img529/6500/turuncu01.png); width: 1000px; height: 91px; float: left; } .endless94_shg{ width:980px; float: left; padding: 15px 0 0 20px; overflow: hidden; text-align: justify; } #endless94_logoreklam{ margin-left: auto; margin-right: auto; background: url(http://img405.imageshack.us/img405/3280/turuncu02.png); width: 1000px; height: 141px; float: left; } .endless94_logo{ width:400px; float: left; padding: 0 0 0 35px; overflow: hidden; text-align: justify; } .endless94_reklam{ width:490px; float: left; padding: 60px 0 0 45px; overflow: hidden; text-align: justify; } #endless94_ustmenu{ margin-left: auto; margin-right: auto; background: url(http://img833.imageshack.us/img833/6230/turuncu03.png); width: 1000px; height: 63px; float: left; } .endless94_ustmenu{ width:970px; height:490px; float: left; padding: 15px 0 0 15px; overflow: hidden; text-align: justify; } #endless94_burada{ margin-left: auto; margin-right: auto; background: url(http://img291.imageshack.us/img291/8392/turuncu04.png); width: 1000px; height: 45px; float: left; } .endless94_burada{ width:980px; float: left; padding: 15px 0 0 20px; overflow: hidden; text-align: justify; } #endless94_content{ margin-left: auto; margin-right: auto; background: url(http://img823.imageshack.us/img823/6857/turuncu05.png); width: 1000px; height: 100%; float: left; } .endless94_content{ width:960px; float: left; padding: 0 0 0 20px; overflow: hidden; text-align: justify; } #endless94_contentalt{ margin-left: auto; margin-right: auto; background: url(http://img405.imageshack.us/img405/431/turuncu06.png); width: 1000px; height: 65px; float: left; } #endless94_istatistikreklam{ margin-left: auto; margin-right: auto; background: url(http://img833.imageshack.us/img833/3358/turuncu07.png); width: 1000px; height: 89px; float: left; } .endless94_istatistik{ width:360px; float: left; padding: 0 0 0 20px; overflow: hidden; text-align: justify; } .endless94_altreklam{ width:540px; float: left; padding: 12px 0 0 75px; overflow: hidden; text-align: justify; } #endless94_alt{ margin-left: auto; margin-right: auto; background: url(http://img405.imageshack.us/img405/906/turuncu08.png); width: 1000px; height: 70px; float: left; } .endless94_copy{ width:1000px; float: left; padding: 20px 0 0 0px; overflow: hidden; text-align: justify; } .menu{ border:none; border:0px; margin:0px; padding:0px; font-family:verdana,geneva,arial,helvetica,sans-serif; font-size:14px; font-weight:bold; color:FFFFFF; } .menu ul{ background:url(http://img841.imageshack.us/img841/5076/menubgt.png) top left repeat-x; height:43px; list-style:none; margin:0; padding:0; } .menu li{ float:left; } .menu li a{ color:#000000; display:block; font-weight:bold; line-height:43px; padding:0px 25px; text-align:center; text-decoration:none; } .menu li a:hover{ color:#000000; text-decoration:none; } .menu li ul{ background:#FF4400; border-left:2px solid #9C0000; border-right:2px solid #9C0000; border-bottom:2px solid #9C0000; display:none; height:auto; filter:alpha(opacity=95); opacity:0.95; position:absolute; width:200px; z-index:200; /*top:1em; /*left:0;*/ } .menu li:hover ul{ display:block; } .menu li li { display:block; float:none; width:200px; } .menu li ul a{ display:block; font-size:11px; font-style:kalın; padding:0px 10px 0px 15px; text-align:left; } .menu li ul a:hover{ background:#FFFFFF; color:#000000; opacity:1.0; filter:alpha(opacity=100); } .menu p{ clear:left; } .menu #current{ background:url(http://img705.imageshack.us/img705/9867/currentbgt.png) top left repeat-x; color:#000000; } |
|
↑
|
|
|
-
adige-web
Acemi Üye
|
15.11.2010, 11:21 (UTC) Mesaj konusu: |
|
|
|
|
↑
|
|
|
-
estemplate
Aktif Üye
|
15.11.2010, 16:11 (UTC) Mesaj konusu: |
|
|
sen neyi diyorsun anlamadım ki tasarımı ben kodlarken sağ tarafa doğru kaydırdım bunda fark yokki ______________ |
|
↑
|
|
|
-
lifelist
Aktif Üye
|
15.11.2010, 21:23 (UTC) Mesaj konusu: |
|
|
Kardeşim , css ile hiç uğraşma , indir dreamweaver cs3 ü tablo tasarım kodla , istediğin her tasarımı tablo şeklinde kodlayabilirsin ve hiçbir sorun yaşamazsın. ______________ |
|
↑
|
|
|
|