Osman Erdi
04-02-2012, 05:12
Merhabalar :) , öğrenilmesi son derece değerli bir soru ile tekrardan karşınızdayım , suffix ile her modüle özel bir class atayıp onu css kodları ile birleştirerek modüle has bir stil kazandırmayı denemekteyim ancak bu konuda başarısız oluyorum yaptıklarımı kısaca kodlarıda vererek açıklayacağım umarım yanlışımı bulmamda bana yardımcı olabilirsiniz dostlar :)
Ben öncelikle cihandaislam.com (http://www.cihandaislam.com) adlı sitemdeki ,temanın sağ tarafında bulunan(sidebar-b) , Son Haberler adlı modülüme ,panelden modüle ulaşarak Gelişmiş Seçeneklerden Modül Sınıf Soneki : [sonhaber] olacak şekilde bir atama yaptım.
Sonra FireBug (http://getfirebug.com/) eklentisi yardımıyla sağ bölümdeki Son Haberler modülüme tıkladığımda , HTML kodları arasında
<div class="sonhaber"> kodunu gördüm şimdi öncelikle temamın modules.php sindeki sidebar kodlarımı aşağıda size göstermek istiyorum herşeyin açıkça görülmesi açısından;
function modChrome_standardplus($module, &$params, &$attribs)
{
if (!empty ($module->content)) : ?>
<?php if ($params->get('moduleclass_sfx')!='') : ?>
<div class="<?php echo $params->get('moduleclass_sfx'); ?>">
<?php endif; ?>
<?php if ($module->showtitle != 0) : ?>
<div class="module-title2">
<h2 class="title"><?php echo $module->title; ?></h2>
</div>
<?php endif; ?>
<div class="module-outline-1">
<div class="module-outline-2">
<div class="rt-block">
<div class="module-content">
<div class="in-module-content">
<?php echo $module->content; ?>
</div>
</div>
</div>
</div>
</div>
<?php if ($params->get('moduleclass_sfx')!='') : ?>
</div>
<?php endif; ?>
<?php endif;
}
Benim Son Haberler adlı sidebarımda editlemek istediğim nokta sadece başlık kısmı ! o kısımda tam olarak
<?php if ($module->showtitle != 0) : ?>
<div class="module-title2">
<h2 class="title"><?php echo $module->title; ?></h2>
</div>
<?php endif; ?>
Bu kodlardan oluşmakta , suffix kodlarıda tam olarak buradaki kodun üzerinde olduğu için sayfada soyle bir sıra oluşuyor ;
<div class="sonhaber"> <div class="module-title2">
Web Tasarımda son derece yeniyim , bende buna bakarak şöyle bir css oluşturdum;
.sonhaberler .module-title2
{
background:url("../images/menus/sidebartopvideo.png") no-repeat scroll center top transparent
}
Ancak buna rağmen istediğim değişiklik sağlanmadı. DERKEN;
İşte tamda şimdi kafada pat bir ampul yandı :cool: meğersem ben herşeyi yapmışım sadece css de h2.title kısmını eklemeyi unuttuğumu fark ettim.
.sonhaber .module-title2 h2.title
{
background:url("../images/menus/sidebartopvideo.png") no-repeat scroll center top transparent
}
Css yi Şeklinde yapınca sorunum ortadan kalktı:)
Şimdi diyeceksiniz neden açtın konuyu madem cevabı buldun , konuya bir baktım baya açıklamalı olmuş yani suffix i açıklayıcı bir içerik oluşmuş ben sorumu hazırlarken belki başkalarıda faydalanabilir diye gönderiyorum konuyu foruma dostlar , eğer gereksiz görülürse kaldırabilirsiniz, Sayenizde öğrendim herşeyi ,kendi kendime yazarken cevabı bulmayıda :)
Ben öncelikle cihandaislam.com (http://www.cihandaislam.com) adlı sitemdeki ,temanın sağ tarafında bulunan(sidebar-b) , Son Haberler adlı modülüme ,panelden modüle ulaşarak Gelişmiş Seçeneklerden Modül Sınıf Soneki : [sonhaber] olacak şekilde bir atama yaptım.
Sonra FireBug (http://getfirebug.com/) eklentisi yardımıyla sağ bölümdeki Son Haberler modülüme tıkladığımda , HTML kodları arasında
<div class="sonhaber"> kodunu gördüm şimdi öncelikle temamın modules.php sindeki sidebar kodlarımı aşağıda size göstermek istiyorum herşeyin açıkça görülmesi açısından;
function modChrome_standardplus($module, &$params, &$attribs)
{
if (!empty ($module->content)) : ?>
<?php if ($params->get('moduleclass_sfx')!='') : ?>
<div class="<?php echo $params->get('moduleclass_sfx'); ?>">
<?php endif; ?>
<?php if ($module->showtitle != 0) : ?>
<div class="module-title2">
<h2 class="title"><?php echo $module->title; ?></h2>
</div>
<?php endif; ?>
<div class="module-outline-1">
<div class="module-outline-2">
<div class="rt-block">
<div class="module-content">
<div class="in-module-content">
<?php echo $module->content; ?>
</div>
</div>
</div>
</div>
</div>
<?php if ($params->get('moduleclass_sfx')!='') : ?>
</div>
<?php endif; ?>
<?php endif;
}
Benim Son Haberler adlı sidebarımda editlemek istediğim nokta sadece başlık kısmı ! o kısımda tam olarak
<?php if ($module->showtitle != 0) : ?>
<div class="module-title2">
<h2 class="title"><?php echo $module->title; ?></h2>
</div>
<?php endif; ?>
Bu kodlardan oluşmakta , suffix kodlarıda tam olarak buradaki kodun üzerinde olduğu için sayfada soyle bir sıra oluşuyor ;
<div class="sonhaber"> <div class="module-title2">
Web Tasarımda son derece yeniyim , bende buna bakarak şöyle bir css oluşturdum;
.sonhaberler .module-title2
{
background:url("../images/menus/sidebartopvideo.png") no-repeat scroll center top transparent
}
Ancak buna rağmen istediğim değişiklik sağlanmadı. DERKEN;
İşte tamda şimdi kafada pat bir ampul yandı :cool: meğersem ben herşeyi yapmışım sadece css de h2.title kısmını eklemeyi unuttuğumu fark ettim.
.sonhaber .module-title2 h2.title
{
background:url("../images/menus/sidebartopvideo.png") no-repeat scroll center top transparent
}
Css yi Şeklinde yapınca sorunum ortadan kalktı:)
Şimdi diyeceksiniz neden açtın konuyu madem cevabı buldun , konuya bir baktım baya açıklamalı olmuş yani suffix i açıklayıcı bir içerik oluşmuş ben sorumu hazırlarken belki başkalarıda faydalanabilir diye gönderiyorum konuyu foruma dostlar , eğer gereksiz görülürse kaldırabilirsiniz, Sayenizde öğrendim herşeyi ,kendi kendime yazarken cevabı bulmayıda :)