[Erhan]

Yapmak istediğim şey son şiirler modulundeki link css'lerini tema içeriğinden ayırmak. Demek istediğim tema orjinalinde link tonu kırmızı ise şiirler modülünde basit görünüm yapınca şiir isimleri ile link veriyor buradaki link tonunu siyah yapmak.

Son Siirler CSS içindeki

.toogler_yazi {
padding-left:3px;
color: #355260;
font-weight: bold;
font-family: 'Arial Unicode MS', sans-serif;
font-size: 11px;
}
.toogler_yazi a,
.toogler_yazi a:link,
.toogler_yazi a:visited {
color:#ACACAC;
}

bu şekilde ayarladım. Yemedi :) Bu şekilde hala link tonunu orjinal tema içinden çekiyor. Modules içindeki Php koduna <font color> ekledim başlık değişti ama link hala aynı :S

Modul Link rengini css ile normal temadan nasıl ayırabilirim ?

[Hasan]

toogler gelişmiş görünümde devreye girer aynı şekilde toogler'a ait css de eğer basit görünümü kullanıyosan bütün herşey temaya göre ayarlanır :)

basit görünümdeki link'e class veripde kendi temandan o class icin css yazabilirsin.

Kod: Tümünü seç

<a href="<? echo sefRelToAbs( $devam ); ?>" class="son_siirler_link"><?php echo strip_tags(substr($row->s_baslik,0,$baslik_str)); ?></a>

bu şekilde class yazıp.

Kod: Tümünü seç

a.son_siirler_link{
color:red;
}
a.son_siirler_link:hover{
color:blue;
}


bu şekilde de ona css verebiliriz. Yani senin yaptığının tam tersi :)

[Erhan]

Teşekkürler hasan. Bunuda denemiştim ama class kodunu yanlış yere yanlış şekilde koymuşum :) Ben <a href="<? echo sefRelToAbs( $devam ); ?>" <span class="son_siirler_link"><?php echo strip_tags(substr($row->s_baslik,0,$baslik_str)); ?></a></span> şeklinde yapmıştım hatayı çakmıştı :)

[Hasan]

boşver onları benim dediğim yöntemi yap daha kolay :D

[Erhan]

Buda yemedi ama hala orjinal temadaki link colorunu alıyor

[Hasan]

css kodunu nasıl yazdın?

[Erhan]

CSS Kodu

Kod: Tümünü seç

a.son_siirler_link{
color: #ACACAC;
}
a.son_siirler_link:hover{
color: #ACACAC;
}

Modul içeriği

Kod: Tümünü seç

<tr class="sectiontableheader"><td> <font color="#355260"><b>Åžiirin Adı:</b></font>  <a href="<? echo sefRelToAbs( $devam ); ?>" class="son_siirler_link"><?php echo strip_tags(substr($row->s_baslik,0,$baslik_str)); ?></a> </td></tr>


Bu kod içeriğinde <tr class="sectiontableheader"> bölümünü <span id="siirler"> olarak tanımlayıp CSS'dende

Kod: Tümünü seç

#siirler {
   padding-left:3px;
   color: #355260;
   font-weight: bold;
   font-family: 'Arial Unicode MS', sans-serif;
      font-size: 11px;
}

#siirler a:link {
   color: #333333;
   }


ÅŸeklinde yapsam gene yemez demi :)

[Hasan]

ona ne gerek varki bu şekilde çalışması lazım sectiontableheader için link css'imi var kontrol edermisin bi

[Erhan]

hayır sectiontableheader için herhangi bir link css kodu yok

[Hasan]

Allah Allah yau bende çalışan şey sende neden çalışmasın sen en iyisimi css kodunu ver buraya ben bakayım ona neymiş hastalığı :)

[Erhan]

Ana Temadakileri buraya kopy edim tüm bağlantıları ile ama tema index.php modül pozisyon kodlaması şu şekilde.

Kod: Tümünü seç

   <div id="ja-botsl1" class="clearfix">

     <?php if( mosCountModules('user1') ) {?>
     <div class="ja-box<?php echo $botsl1['modules']['user1']; ?>" style="width: <?php echo $botsl1['width']; ?>;">
       <?php mosLoadModules('user1', -2); ?>
     </div>
     <?php } ?>

     <?php if( mosCountModules('user2') ) {?>
     <div class="ja-box<?php echo $botsl1['modules']['user2']; ?>" style="width: <?php echo $botsl1['width']; ?>;">
       <?php mosLoadModules('user2', -2); ?>
     </div>


CSS İçeriği

Kod: Tümünü seç

.sectiontableheader {
   padding: 5px;
   font-weight: bold;
}

tr.sectiontableentry1 td {
   padding: 7px 5px;
   background: url(../images/dot.gif) repeat-x bottom;
}

tr.sectiontableentry2 td {
   padding: 7px 5px;
   background: url(../images/dot.gif) repeat-x bottom;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
   background: url(../images/dot.gif) repeat-x bottom #F2F9FD;
}

#ja-botsl1 div.moduletable-default,
#ja-botsl2 div.moduletable-default,
#ja-botsl1 div.moduletable,
#ja-botsl2 div.moduletable {
   padding: 15px 20px;
}

#ja-botsl div.ja-bot-right {
   background: none;
}

/* Bottom Spotlight 1 */
#ja-botsl1 {
   border-top: 1px solid #DDDDDD;
   border-bottom: 1px solid #FFFFFF;
   margin-top: 2px;
   background: url(../images/grad2.gif) repeat-x left bottom #FFFFFF;
   color: #666666;
}

#ja-botsl1 div.ja-box-left,
#ja-botsl1 div.ja-box-right {
   background: url(../images/vdot.gif) repeat-y right top;
}

/* Bottom Spotlight 2 */
#ja-botsl2 {
   border-top: 1px solid #DDDDDD;
   border-bottom: 1px solid #DDDDDD;
   background: url(../images/grad2.gif) repeat-x left bottom #FFFFFF;
   color: #666666;
}

#ja-botsl2 div.ja-box-left,
#ja-botsl2 div.ja-box-center {
   background: url(../images/vdot.gif) repeat-y right top;
}

/* Common Style for Spotlight */
#ja-botsl1 ul, #ja-botsl2 ul {
   margin: 0;
   padding: 0;
}

#ja-botsl1 li, #ja-botsl2 li {
   padding-left: 15px;
   margin: 0;
   background: url(../images/arrow.png) no-repeat 2px 6px;
}

#ja-botsl1 td, #ja-botsl2 td {
   padding: 0;
}

#ja-botsl1 .article_seperator, #ja-botsl2 .article_seperator {
   display: none;
}

#ja-botsl1 table, #ja-botsl2 table {
   border-collapse: collapse;
   border-spacing: 0;
}


Bu modüle -Color verince onun linkleri alabiliyor ama index.php içindeki ja-botsl kodlamalarından dolayı birazcık dağıtıyor :) Hem color hemde ja-botsl deki bakcroundları gösterdiği için onuda uygulayamıyorum pek.

İstersen bir mail adresine temayı komple gönderebilirim.

[Erhan]

Ana temaya

Kod: Tümünü seç

.siirler {
   padding-left:3px;
   color: #355260;
   font-weight: bold;
   font-family: 'Arial Unicode MS', sans-serif;
      font-size: 11px;
}

.siirler a:link {
   color: #333333;
   }

a.son_siirler_link {
color: #ACACAC;
}
a.son_siirler_link:hover {
color: #ACACAC;
}


ekledim ve modul içindeki kodu

Kod: Tümünü seç

<tr class="siirler">


şu şekilde düzenledim color almaya başladı :)

[Hasan]

tamam düzelttiysen sorun yok ozaman :)