Skin Düzenleme Adına Küçük Bir İstek

Author: hakan yildiz, Posted: 2011-03-29 14:54 GMT.

S.a
Arkada?lar, Belagio ad?nda bir tema var hepiniz biliyorsunuzdur. Ben bu temay? kullanm?yorum kullanmakta istemiyorum fakat bu temada ?ok ho?uma giden bi taraf var,

Header.tpl de yani sayfan?n en ?st?nde (HOME,FORUMS,ART?CLES,SEARCH,USERS) ad?nda buttonlar var
Bu buttonlar?n ?st?ne gelindi?i zaman renk de?i?tiriyor, mesela HOME buttonunun ?st?ne gelmeden ?nce siyah iken, mause ile ?st?ne gelince beyaz oluyor..

Ben bu olay? ?ok be?endim ve inceledim
Header.tpl de a??klay?c? bir cevap bulamad?m ve ?st?ne yo?unla??nca bu olay?n css den yap?ld???n? anlad?m, lakin css yi inceledi?imde ise nas?l yap?ld???n? g?rd?m fakat css kodlar? bana ?ok yabanc? geldi..

Hani diyorumki bunun daha kolay bi yap?l??? yokmu, illaki css den yapmak gerekiyorsa bana bu konuda yard?mc? olabilirmisiniz? K???k bir ?rnek vererek yol g?sterebilirmisiniz ?

umar?m konuyu yanl?? yere a?mam??, gereksiz bir payla??m istek yapmam???md?r

Te?ekk?r ederim ...

Author: mavisim, Posted: 2011-03-31 00:08 GMT.

hangi temada kullancaksan kardes tema ad?n? yada header.tpl ni yaz yard?mc? olay?m css den yaz?l?yor ?rnek olarak

<table class="menu_holder">
<tr>
<td class="menu_item"><a id="home" href="index.php"></a></td>
<td class="menu_item"><a id="forums" href="forums.php"></a></td>
<td class="menu_item"><a id="files" href="list.php?c=files"></a></td>
<td> </td>
<td class="menu_item"><a id="articles" href="list.php?c=articles"></a></td>
<td class="menu_item"><a id="users" href="users.php"></a></td>
<td class="menu_item"><a id="search" href="plug.php?e=search"></a></td>
</tr>
</table>

belagio header.tpl de kodlar?

css kodlar?

.menu_holder { width:100%; margin-top:4px;}
.menu_item { width:100px; height:37px; padding:0;}

a#home {
display: block;
width: 100px;
height: 37px;
background-image:url(img/main/home.gif);
margin: 0 auto;}

a#home:hover {
background-image:url(img/main/home.gif);
background-position: 0 -37px;}

a#forums {
display: block;
width: 100px;
height: 37px;
background-image:url(img/main/forums.gif);
margin: 0 auto;}

a#forums:hover {
background-image:url(img/main/forums.gif);
background-position: 0 -37px;}

a#files {
display: block;
width: 100px;
height: 37px;
background-image:url(img/main/files.gif);
margin: 0 auto;}

a#files:hover {
background-image:url(img/main/files.gif);
background-position: 0 -37px;}

a#users {
display: block;
width: 100px;
height: 37px;
background-image:url(img/main/users.gif);
margin: 0 auto;}

a#users:hover {
background-image:url(img/main/users.gif);
background-position: 0 -37px;}

a#articles {
display: block;
width: 100px;
height: 37px;
background-image:url(img/main/articles.gif);
margin: 0 auto;}

a#articles:hover {
background-image:url(img/main/articles.gif);
background-position: 0 -37px;}

a#search {
display: block;
width: 100px;
height: 37px;
background-image:url(img/main/search.gif);
margin: 0 auto;}

a#search:hover {
background-image:url(img/main/search.gif);
background-position: 0 -37px;}

belagio temas?n?n icinden imgleri al?p skins/tema ad? /img/main icine yukarda adi gecen imgleri atarsan olacakt?r dedigin san?r?m anlad?g?m kadar?yla eger yanl?ssa pm at ayarl?yal?m

Author: hakan yildiz, Posted: 2011-04-01 19:56 GMT.

Ewt, buraya kadar anlad?m fakat benim sorunum ?yle bir resim yap?lm??ki altl? ve ?stl?
?rnek
HOME
HOME

Yukar?daki bir resim ve altl? ?stl?, ben bunu ana sayfa yapmak istiyorum, o resmi nas?l d?zenliycem, bir kac sefer denedim hata verdi

Resim d?zenlemekten ziyade, yukar?daki anlatm?? oldu??um olay?n daha kolay bi yap?l??? yokmu ?

Te?ekk?r ederim

Author: Kaan, Posted: 2011-04-02 12:10 GMT.

Bu ?ekilde en kolay? 2 resim haz?rla..

ss]a#home {

display: block;

width: 100px;

height: 37px;

background-image:url(img/main/home.gif);

margin: 0 auto;}

a#home:hover {

background-image:url(img/main/home.gif);

background-position: 0 -37px;}

G?rd???n gibi burada 2 css kodu var ve 2 ayr? resim olarak kullan?lm?? sende 2 haz?rlay?n yukar?daki kodlar gibi yap?caks?n.

Linkde bu ?ekilde olursa linkin ?zerine geldi?inde resim degi?icektir.

Kod: