Esmerforum
03-05-2008, 17:42
Merhabalar.
Yapımcı : !_D
WebSitesi : . : : Atatürk Anadolu Teknik , Teknik ve Endüstri Meslek Lisesi Öğrenci Destek Portalı : : . . - Her Zaman Gurur Duyulanlarız..! (http://www.08haylazlari.com)
Açıklama :
Sitenizin herhangi bir yerine örneğin; forumhome 'a hoverbox ile bir galeri yapmanızı sağlar.
Kurulum ;
css klasörünü forumun kurulu olduğu dizine atın ( ana dizin).
Aşağıdaki kodları forumhome 'da $navbar'ın altına ekleyin.<h1>Hoverbox Resim Galeri // !_D</h1>
<ul class="hoverbox">
<li>
<a href="#"><img src="resim1" alt="description" /><img src="resim1" alt="description" class="preview" /></a></li>
<li>
<a href="#"><img src="resim2" alt="description" /><img src="resim2" alt="description" class="preview" /></a></li>
<li>
<a href="#"><img src="resim3" alt="description" /><img src="iresim3" alt="description" class="preview" /></a></li>
<li>
<a href="#"><img src="resim4" alt="description" /><img src="resim4" alt="description" class="preview" /></a></li>
<li>
<a href="#"><img src="resim5" alt="description" /><img src="resim5" alt="description" class="preview" /></a></li>
</ul>
Header template'inin en üstüne alttaki kodu ekleyin.
<link rel="stylesheet" href='css/hoverbox.css' type="text/css" media="screen, projection" />
<!--[if IE]>
<link rel="stylesheet" href='css/ie_fixes.css' type="text/css" media="screen, projection" />
<![endif]-->
Yapımcı : !_D
WebSitesi : . : : Atatürk Anadolu Teknik , Teknik ve Endüstri Meslek Lisesi Öğrenci Destek Portalı : : . . - Her Zaman Gurur Duyulanlarız..! (http://www.08haylazlari.com)
Açıklama :
Sitenizin herhangi bir yerine örneğin; forumhome 'a hoverbox ile bir galeri yapmanızı sağlar.
Kurulum ;
css klasörünü forumun kurulu olduğu dizine atın ( ana dizin).
Aşağıdaki kodları forumhome 'da $navbar'ın altına ekleyin.<h1>Hoverbox Resim Galeri // !_D</h1>
<ul class="hoverbox">
<li>
<a href="#"><img src="resim1" alt="description" /><img src="resim1" alt="description" class="preview" /></a></li>
<li>
<a href="#"><img src="resim2" alt="description" /><img src="resim2" alt="description" class="preview" /></a></li>
<li>
<a href="#"><img src="resim3" alt="description" /><img src="iresim3" alt="description" class="preview" /></a></li>
<li>
<a href="#"><img src="resim4" alt="description" /><img src="resim4" alt="description" class="preview" /></a></li>
<li>
<a href="#"><img src="resim5" alt="description" /><img src="resim5" alt="description" class="preview" /></a></li>
</ul>
Header template'inin en üstüne alttaki kodu ekleyin.
<link rel="stylesheet" href='css/hoverbox.css' type="text/css" media="screen, projection" />
<!--[if IE]>
<link rel="stylesheet" href='css/ie_fixes.css' type="text/css" media="screen, projection" />
<![endif]-->