Background düzenleme

Started by Flowstein, April 12, 2015, 07:53:49 AM

Previous topic - Next topic
Print
Go Down Pages1
User actions

Flowstein

April 12, 2015, 07:53:49 AM
Ö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 [nofollow]

cee山

#1
April 12, 2015, 03:06:45 PM
Mantığı vericem gerisi size kalmış.
index.template.php aç
Bul
Code Select
<body>
sonrasına ekle
Code Select

<div id="solresim"></div>
<div id="saresim"></div>
index.css ekle
Code Select
#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
Code Select
</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.

Flowstein

#2
April 12, 2015, 05:21:15 PM
Yardımınız için teşekkür ederim. Denedikten sonra buraya sonucu atacağım. İyi forumlar...

Flowstein

#3
April 12, 2015, 07:26:41 PM
2 resimde üst üste biniyor.

Flowstein

#4
April 12, 2015, 07:57:47 PM
index.template.php

Code Select
</head>
<body><div id="solresim"></div>
<div id="sagresim"></div>';

index.css

Code Select
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ı.

cee山

#5
April 13, 2015, 03:55:41 AM
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.
Code Select
#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;
}

Flowstein

#6
April 13, 2015, 06:15:46 AM
leftt ve right'ın 0px yaptıktan sonra oldu teşekkür ederim.
Print
Go Up Pages1
User actions
Advertisement: