Örnek vermek istiyorum. Tüm arkaplan mesela başka bir resim olacak. Tümüyle aynı. Ama solda başka bir png resim logo gibi sağ da da farklı bir png resim olacak. Css'dan ayarlayamadım yardımcı olurmusunuz. Lagusta tema.
Link : rapturk.net/forum/index.php
Mantığı vericem gerisi size kalmış.
index.template.php aç
Bul
<body>
sonrasına ekle
<div id="solresim"></div>
<div id="saresim"></div>
index.css ekle
#solresim {
background: url("http://rapturk.net/forum/Themes/lagusta_20rc5/images/off.png") no-repeat scroll 0% 0% transparent;
width: 300px;
height: 300px;
float: left;
position: fixed;
top: 100px;
}
#saresim{
background: url("http://rapturk.net/forum/Themes/lagusta_20rc5/images/off.png") no-repeat scroll 0% 0% transparent;
width: 300px;
height: 300px;
float: right;
position: fixed;
top: 100px;
}
Resimleri sistemine göre ayarlıyacaksın.Width Heightleride. + Temanın üzerine binerse
index.template.php
</body>
öncesine kodları ekle.
K.gelsin İyi Günler.Denendi.Beğenmez isen bundan sonra webmaster forumları gibi yerlerde yardım isteyebilirsin.Belki burdada yardım eden olur.Ben mantığını anlatmaya çalıştım.
Yardımınız için teşekkür ederim. Denedikten sonra buraya sonucu atacağım. İyi forumlar...
2 resimde üst üste biniyor.
index.template.php
</head>
<body><div id="solresim"></div>
<div id="sagresim"></div>';
index.css
body
{
background: url(../images/custom/body_bg.png) repeat fixed;
font: 13px/150% "Helvetica Neue", Arial, sans-serif;
margin: 0;
padding: 0;
}
#solresim {
background: url("http://rapturk.net/forum/Themes/lagusta_20rc5/images/ceza.png") no-repeat scroll 0% 0% transparent;
width: 166px;
height: 400px;
float: left;
position: fixed;
top: 100px;
}
#sagresim{
background: url("http://rapturk.net/forum/Themes/lagusta_20rc5/images/2pac.png") no-repeat scroll 0% 0% transparent;
width: 166px;
height: 400px;
float: right;
position: fixed;
top: 100px;
}
Ayrıyetten sayfayı küçükltüğümde temanın üzerine biniyor. </body> öncesine de koydum ancak sonuç aynı.
Uygulayıp bekleseydiniz bakılabilirdi.Gece baktım ama mobildeydim.Ne olmuş diye :Z şimdi yok.
Neyse tekrar kodları body sonrasına ekle css şöyle düzenle.
#solresim {
background: url("http://rapturk.net/forum/Themes/lagusta_20rc5/images/ceza.png") no-repeat scroll 0% 0% transparent;
width: 166px;
height: 400px;
left: -100px;
position: fixed;
top: 100px;
}
#sagresim{
background: url("http://rapturk.net/forum/Themes/lagusta_20rc5/images/2pac.png") no-repeat scroll 0% 0% transparent;
width: 166px;
height: 400px;
right:-100px;
position: fixed;
top: 100px;
}
leftt ve right'ın 0px yaptıktan sonra oldu teşekkür ederim.