Sitenizde bağlantı türlerine göre linklerinizi şekillendirebilirsiniz. Demo örneğine bakarak nasıl olduğunu görebilirsiniz.
Css dosyanızın en altına
[/highlight]
header.tpl dosyanızda
[/code]
Demo: http://www.oztecnic.com/wp-conte.....uery.html
Resimleri ve JS dosyasını demo sayfasından alabilirsiniz
JS Kaynak: http://www.oztecnic.com/wp-conte.....131min.js
Css dosyanızın en altına
:
ss]
/* Genel link tanımlamamız */
a{ color:#06F; text-decoration:underline; }
/* Genel link :hover durumu tanımlamamız */
a:hover{ color:#0CF; text-decoration
ner; }
/* Genel Harici Link Sınıfı */
a.hariciLink { background:url(harici.gif) no-repeat right top; padding:0 13px 0 0; }
/* PDF Link Sınıfı */
a.pdfLink { background:url(pdf.gif) no-repeat right top; padding:0 15px 0 0; }
/* Word Link Sınıfı */
a.wordLink { background:url(word.gif) no-repeat right top; padding:0 15px 0 0; }
/* Harici PDF Link Sınıfı */
a.pdfHariciLink { background:url(pdfexternal.gif) no-repeat right top; padding:0 25px 0 0; }
g:0 25px 0 0; }/* Genel link tanımlamamız */
a{ color:#06F; text-decoration:underline; }
/* Genel link :hover durumu tanımlamamız */
a:hover{ color:#0CF; text-decoration
ner; } /* Genel Harici Link Sınıfı */
a.hariciLink { background:url(harici.gif) no-repeat right top; padding:0 13px 0 0; }
/* PDF Link Sınıfı */
a.pdfLink { background:url(pdf.gif) no-repeat right top; padding:0 15px 0 0; }
/* Word Link Sınıfı */
a.wordLink { background:url(word.gif) no-repeat right top; padding:0 15px 0 0; }
/* Harici PDF Link Sınıfı */
a.pdfHariciLink { background:url(pdfexternal.gif) no-repeat right top; padding:0 25px 0 0; }
[/highlight]
header.tpl dosyanızda
Kod:
bir yere ekleyin.[/b]
[code]
<script type="text/javascript" src="jquery-131min.js"></script>
<script type="text/javascript">
//DOM Kullanılmak İçin Hazır
$(function() {
//İlgili Linkleri Seçip //Uygun Sınıfları Atadık. $('a[href^="http"]').addClass('hariciLink');
$('a[href$=".pdf"]').addClass('pdfLink');
$('a[href$=".doc"]').addClass('wordLink');
$('a[href$=".pdf"][href^="http"]').add
addClass('pdfHariciLink'); }); [code]
<script type="text/javascript" src="jquery-131min.js"></script>
<script type="text/javascript">
//DOM Kullanılmak İçin Hazır
$(function() {
//İlgili Linkleri Seçip //Uygun Sınıfları Atadık. $('a[href^="http"]').addClass('hariciLink');
$('a[href$=".pdf"]').addClass('pdfLink');
$('a[href$=".doc"]').addClass('wordLink');
$('a[href$=".pdf"][href^="http"]').add
[/code]
Demo: http://www.oztecnic.com/wp-conte.....uery.html
Resimleri ve JS dosyasını demo sayfasından alabilirsiniz
JS Kaynak: http://www.oztecnic.com/wp-conte.....131min.js
(0)