Prosilver temasının üst kısmına 468*60 banner yerleştireceğiz, ancak bunun için site açıklamalarından ve arama kutusundan feragat ediyoruz, site açıklamalarını isterseniz başka bir konuma alabilirsiniz. Arama kutusunu kaldırdığımızda ise arama sayfasına giden hiçbir bağlantı bırakmadığımızdan arama için bir bağlantı vermemiz gerek, onu da nasıl yapacağımızı daha önce yazmıştım: gelistirme-ve-kod-degisiklikleri-f73/arama-baglantisi-koymak-t1112.html
Tüm reklamları tek dizinden kontrol ettiğim için ads/ dizini içindeki header.html dosyasını include ettim, içinde banner kodları var. Siz isterseniz include yerine direk reklam kodlarını yazabilirsiniz.
En sonunda stil ve şablonları yenilemeyi unutmayın, cache de temizleyin...
[ AÇ ]
styles/prosilver/templates/overall_header.html
[ BUL ]
- Kod: Tümünü seç
<div id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
</div>
[ BUNUNLA DEĞİŞTİR ]
- Kod: Tümünü seç
<div id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
</div>
[ BUL ]
- Kod: Tümünü seç
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
[ BUNUNLA DEĞİŞTİR ]
- Kod: Tümünü seç
<style type="text/css">
<!--
/* ADS box
--------------------------------------------- */
#ads-box {
color: #FFFFFF;
position: relative;
margin-top: 7px;
margin-right: 7px;
display: block;
float: right;
text-align: right;
width: 468px;
}
-->
</style>
<div id="ads-box">
<!-- INCLUDE ads/header.html -->
</div>
[ AÇ ]
styles/prosilver/theme/common.css
[ BUL ]
- Kod: Tümünü seç
/* Site description and logo */
#site-description {
float: left;
width: 70%;
}
[ BUNUNLA DEĞİŞTİR ]
- Kod: Tümünü seç
/* Site description and logo */
#site-description {
float: left;
/* width: 70%;*/
}
--------------------------------------------------------
Makale Hakkında
Yazar: Sevdin Filiz