tasarım önizlemesi
http://tasarim4-.tr.gg
t.üstü
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sea of Glass - Home</title>
<meta name="description" content="Joomla - the dynamic portal engine and content management system" />
<meta name="keywords" content="Joomla, joomla" />
<meta name="Generator" content="Joomla! - Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved." />
<meta name="robots" content="index, follow" />
<link rel="shortcut icon" href="http://shape5.com/demo/seaofglass/images/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="http://shape5.com/demo/seaofglass/templates/seaofglass/css/template_css.css" rel="stylesheet" type="text/css" media="screen" />
<link href="http://shape5.com/demo/seaofglass/templates/seaofglass/css/editor.css" rel="stylesheet" type="text/css" media="screen" />
<link href="http://shape5.com/demo/seaofglass/templates/seaofglass/css/lytebox.css" rel="stylesheet" type="text/css" media="screen" />
<link href="http://shape5.com/demo/seaofglass/templates/seaofglass/css/suckerfish.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="http://shape5.com/demo/seaofglass/templates/seaofglass/js/s5_effects.js"></script>
<script type="text/javascript" src="http://shape5.com/demo/seaofglass/templates/seaofglass/js/IEsuckerfish.js"></script>
<script type="text/javascript" src="http://shape5.com/demo/seaofglass/templates/seaofglass/js/lytebox.js"></script>
<script type="text/javascript">
var s5_bg = "url(images/stories/woodrepeat_short.jpg)";
</script>
<script language="javascript" type="text/javascript" >var s5_text_menu_1 = 'Go Back Home';</script><script language="javascript" type="text/javascript" >var s5_text_menu_2 = 'Three Menu Systems';</script><script language="javascript" type="text/javascript" >var s5_text_menu_3 = 'See Whats Included';</script><script language="javascript" type="text/javascript" >var s5_text_menu_4 = 'Spice Up Your Content';</script><script language="javascript" type="text/javascript" >var s5_text_menu_5 = 'Default Joomla';</script><script language="javascript" type="text/javascript" >var s5_text_menu_6 = 'Get Help Here';</script><script language="javascript" type="text/javascript" >var s5_text_menu_7 = 'text7';</script><script language="javascript" type="text/javascript" >var s5_text_menu_8 = 'text8';</script><script language="javascript" type="text/javascript" >var s5_text_menu_9 = 'text9';</script><script language="javascript" type="text/javascript" >var s5_text_menu_10 = 'text10';</script>
<style type="text/css">
.s5_wrap {
width:975px;}
#s5_middlemenu {
width:949px;}
.s5_backtopmiddle {
width:951px;}
.s5_backbottommiddle {
width:951px;}
.s5_backmiddlemiddle_m {
width:449px;}
.s5_backmiddleleft_m {
width:473px;}
.s5_backmiddleright_m {
width:473px;}
.s5_backtopmiddle_m {
width:449px;}
.s5_backbottommiddle_m {
width:449px;}
.s5_backmiddlemiddle {
width:963px;}
.s5_backmiddlemiddle_l {
width:226px;}
.s5_backmiddleleft_l {
width:250px;}
.s5_backmiddleright_l {
width:250px;}
.s5_backtopmiddle_l {
width:226px;}
.s5_backbottommiddle_l {
width:226px;}
.s5_backmiddlemiddle_r {
width:226px;}
.s5_backmiddleleft_r {
width:250px;}
.s5_backmiddleright_r {
width:250px;}
.s5_backtopmiddle_r {
width:226px;}
.s5_backbottommiddle_r {
width:226px;}
#s5_footermiddle {
width:951px;}
body {
background:#7B6547 url(images/stories/woodrepeat_short.jpg) repeat-x;}
</style>
</head>
<body id="s5_body">
<!-- Above Header and Logo -->
<div id="s5_aboveheader">
<div class="s5_wrap" style="margin:0 auto;">
<div id="s5_topleft">
<div class="moduletable">
<script type="text/javascript">
var open = ''
function opendiv()
{if (open == 1) {document.getElementById("s5_opendivoptions").style.display = 'none';
open = 0;}else {document.getElementById("s5_opendivoptions").style.display = 'block';
open = 1;}}
</script>
<div>
<script type="text/javascript">//<![CDATA[
document.write('<link href="http://shape5.com/demo/seaofglass/modules/s5_horizontal_login_SOG/style.css" rel="stylesheet" type="text/css" media="screen" />');
//]]></script>
<form action="http://shape5.com/demo/seaofglass/index.php" method="post" name="login" >
<div style="float:left;margin-top:4px;">
Username:
</div>
<div style="float:left;height:23px;">
<div id="s5_username_SOG">
<input name="username" class="inputbox-s5_SOG" type="text" alt="username" />
</div>
</div>
<div style="float:left;margin-top:4px;">
Password:
</div>
<div style="float:left;height:23px;">
<div id="s5_password_SOG">
<input type="password" class="inputbox-s5_SOG" name="passwd" size="10" alt="password" />
</div>
</div>
<div id="s5_morebutton">
<a href="javascript:;" onclick="opendiv();">MORE</a>
</div>
<div style="float:left; margin-top:-6px;">
<div id="s5_submit_SOG_outer">
<input type="submit" id="s5_submit_SOG" name="Submit" value="Login" />
</div>
</div>
<div id="s5_opendivoptions">
<input type="checkbox" name="remember" id="mod_login_remember" style="border:none; margin: 0px" value="yes" alt="Remember Me" />
<label for="mod_login_remember">
<span style="color:#FFFFFF;font-size:11px;">Remember me</span>
</label>
<a style="font-size:11px;" href="http://shape5.com/demo/seaofglass/index.php?option=com_registration&task=lostPassword">
Lost Password?</a>
</div>
<input type="hidden" name="option" value="login" />
<input type="hidden" name="op2" value="login" />
<input type="hidden" name="lang" value="english" />
<input type="hidden" name="return" value="http://shape5.com/demo/seaofglass/index.php" />
<input type="hidden" name="message" value="0" />
<input type="hidden" name="force_session" value="1" />
<input type="hidden" name="jac3f3a9a29fe05c1e43ea17e357486d8" value="1" />
</form>
</div>
</div>
</div>
<div id="s5_topright">
<div class="moduletable">
<ul id="mainlevel-top"><li><a href="javascript:;" class="mainlevel-top" >Contact Us</a></li><li><a href="javascript:;" class="mainlevel-top" >About Us</a></li><li><a href="javascript:;" class="mainlevel-top" >Terms</a></li><li><a href="javascript:;" class="mainlevel-top" >FAQs</a></li></ul> </div>
</div>
</div>
</div>
<!-- End Above Header and Logo -->
<div class="s5_wrap" style="margin:0 auto;">
<!-- Logo and Banner -->
<div id="s5_logo" style="cursor:pointer;" onclick="window.document.location.href='index.php'"></div>
<div id="s5_register" onclick="window.document.location.href='index.php?option=com_registration&task=register'">
<div id="s5_registerleft"></div>
<div id="s5_registermiddle">
Register </div>
<div id="s5_registerright"></div>
</div>
<div id="s5_banner">
<div class="moduletable">
<a href="http://shape5.com/demo/seaofglass/index.php?option=com_banners&task=click&bid=1" target="_blank"><img src="http://shape5.com/demo/seaofglass/images/banners/banner.jpg" border="0" alt="Advertisement" /></a> </div>
</div>
<!-- end Logo and Banner -->
<div style="clear:both;"></div>
<div style="height:17px;width:100%;"></div>
<!-- Start Menu -->
<div id="s5_menuwrap">
<div id="s5_leftmenu"></div>
<div id="s5_middlemenu">
<div id="s5_menu" >
<div id="s5_navv" >
<ul id="navlist">
<li><span class="s5_outer_active"><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat.jpg);"><a class="active" href="http://shape5.com/demo/seaofglass/index.php?option=com_frontpage&Itemid=1" id="active0">Home<span class="s5_bottom_text"></span></a></span></span></li>
<li><span class="s5_outer"><span><a class="main" href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=13&Itemid=28">S5 No-MooMenu<span class="s5_bottom_text"></span></a></span></span>
<ul>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/-1);"><a href="http://www.shape5.com/demo/seaofglass/seaofglass15">Fading Effect Example</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/-1);"><a href="http://www.shape5.com/demo/seaofglass/seaofglass2">Drop In Effect Example</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/-1);"><a href="http://www.shape5.com/demo/seaofglass">Standard Suckerfish Example</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/-1);"><a href="javascript:;" class="parent">Dummy Item</a></span></span>
<ul>
<li><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/-1);"><a href="javascript:;">Dummy Item</a></span></span></li>
<li><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/-1);"><a href="javascript:;">Dummy Item</a></span></span></li>
<li class="lastitem"><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/-1);"><a href="javascript:;" class="parent">Dummy Item</a></span></span>
<ul>
<li><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/-1);"><a href="javascript:;">Dummy Item</a></span></span></li>
<li><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/-1);"><a href="javascript:;">Dummy Item</a></span></span></li>
<li class="lastitem"><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/-1);"><a href="javascript:;">Dummy Item</a></span></span></li>
<li class='s5_menubottom'></li></ul></li>
<li class='s5_menubottom'></li></ul></li>
<li class='s5_menubottom'></li></ul></li>
<li><span class="s5_outer"><span><a class="main" href="javascript:;">Features<span class="s5_bottom_text"></span></a></span></span>
<ul>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=39&Itemid=87">Site Shaper Available</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=14&Itemid=49">17 Modules Positions</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=40&Itemid=97">S5 Horizontal Login</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/clouds.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=43&Itemid=101">Custom Backgrounds Per Page</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=41&Itemid=98">S5 Slideshow Advance</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=42&Itemid=100">100% Transparent Template</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=24&Itemid=65">Custom Page & Column Widths</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=22&Itemid=59">Easy To Follow Steps</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=19&Itemid=55">LyteBox Enabled</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=37&Itemid=82">Tool Tips Enabled</a></span></span></li>
<li class='s5_menubottom'></li></ul></li>
<li><span class="s5_outer"><span><a class="main" href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=12&Itemid=27">Typography<span class="s5_bottom_text"></span></a></span></span></li>
<li><span class="s5_outer"><span><a class="main" href="javascript:;">Joomla Stuff<span class="s5_bottom_text"></span></a></span></span>
<ul>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_search&Itemid=5">Search</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_contact&Itemid=3">Contact Us</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=section&id=1&Itemid=2">News</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_newsfeeds&Itemid=7">News Feeds</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_weblinks&Itemid=23">Links</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_wrapper&Itemid=8">Wrapper</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=category§ionid=3&id=7&Itemid=25">FAQs</a></span></span></li>
<li class='s5_menubottom'></li></ul></li>
<li class="lastitem"><span class="s5_outer"><span><a class="main" href="javascript:;">Tutorials<span class="s5_bottom_text"></span></a></span></span>
<ul>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=17&Itemid=53">Installing The Template</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=39&Itemid=87">Site Shaper Setup</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=18&Itemid=54">Configuring The Template</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=36&Itemid=80">Search and Menus Setup</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=19&Itemid=55">LyteBox Setup</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=37&Itemid=82">Tool Tips Setup</a></span></span></li>
<li class='noback'><span><span class="span_active" style="background-image:url(http://shape5.com/demo/seaofglass/images/stories/woodrepeat_short.jpg);"><a href="http://shape5.com/demo/seaofglass/index.php?option=com_content&task=view&id=41&Itemid=98">S5 Slideshow Advance</a></span></span></li>
<li class='s5_menubottom'></li></ul></li>
</ul>
<script type="text/javascript" src="http://shape5.com/demo/seaofglass/templates/seaofglass/js/s5_textmenu.js"></script>
<script type="text/javascript">
s5_load_bg();
</script>
</div>
</div>
<div id="s5_search" onmouseover="s5_mouseopen();" onmouseout="s5_mouseclose();">
<div id="s5_searchbox" style="z-index:300;position:absolute;" onmouseover="s5_mouseopen();" onmouseout="s5_mouseclose();">
<form action="index.php?option=com_search&Itemid=5" method="get">
<div class="search">
<input name="searchword" id="mod_search_searchword" maxlength="20" alt="search" class="inputbox" type="text" size="20" value="search..." onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';" /> </div>
<input type="hidden" name="option" value="com_search" />
<input type="hidden" name="Itemid" value="5" />
</form>
</div>
</div>
</div>
<div id="s5_rightmenu"></div>
</div>
<div style="clear:both;padding-bottom:1px;"></div>
<!-- End Menu -->
<!-- Start User 1-3 -->
<div class="s5_backtopleft"></div>
<div class="s5_backtopmiddle"></div>
<div class="s5_backtopright"></div>
<div style="clear:both;"></div>
<div class="s5_backmiddleleft">
<div class="s5_backmiddleright">
<div class="s5_backmiddlemiddle">
<div id="s5_advert1_100">
<div class="module">
<div>
<div>
<div>
<script language="javascript" type="text/javascript" >var s5_ifvisible_sa = 9;</script><script language="javascript" type="text/javascript" >var s5_javascriptleft = 253;</script><script language="javascript" type="text/javascript" >var display_time = 7000;</script><script language="javascript" type="text/javascript" >var tween_time = 750;</script><script language="javascript" type="text/javascript" >var sa_picture1 = 'images/sa_one.jpg';</script><script language="javascript" type="text/javascript" >var sa_picture2 = 'images/sa_two.jpg';</script><script language="javascript" type="text/javascript" >var sa_picture3 = 'images/sa_three.jpg';</script><script language="javascript" type="text/javascript" >var sa_picture4 = 'images/sa_four.jpg';</script><script language="javascript" type="text/javascript" >var sa_picture5 = 'images/sa_two.jpg';</script><script language="javascript" type="text/javascript" >var sa_picture6 = 'images/sa_three.jpg';</script><script language="javascript" type="text/javascript" >var sa_picture8 = 'images/sa_four.jpg';</script><script language="javascript" type="text/javascript" >var sa_picture9 = 'images/sa_one.jpg';</script><script language="javascript" type="text/javascript" >var sa_picture10 = 'images/sa_two.jpg';</script>
<script type="text/javascript">//<![CDATA[
document.write('<link href="http://shape5.com/demo/seaofglass/modules/s5_slideshowadvance/style.css" rel="stylesheet" type="text/css" media="screen" />');
//]]></script>
<script type="text/javascript">//<![CDATA[
document.write('<style type="text/css">div.scrollholder {height:275px;}div.track {height:221px;} div.scrollholder{width:430px;}</style>');
//]]></script>
<script language="javascript" type="text/javascript" src="http://shape5.com/demo/seaofglass/modules/s5_slideshowadvance/scroll.js"></script>
<div style="display:none;">
<img alt="" src="http://www.shape5.com/demo/seaofglass/images/sa_one.jpg"/> <img alt="" src="http://www.shape5.com/demo/seaofglass/images/sa_two.jpg"/> <img alt="" src="http://www.shape5.com/demo/seaofglass/images/sa_three.jpg"/> <img alt="" src="http://www.shape5.com/demo/seaofglass/images/sa_four.jpg"/> <img alt="" src="http://www.shape5.com/demo/seaofglass/images/sa_two.jpg"/> <img alt="" src="http://www.shape5.com/demo/seaofglass/images/sa_one.jpg"/> <img alt="" src="http://www.shape5.com/demo/seaofglass/images/sa_three.jpg"/> <img alt="" src="http://www.shape5.com/demo/seaofglass/images/sa_four.jpg"/> <img alt="" src="http://www.shape5.com/demo/seaofglass/images/sa_one.jpg"/> <img alt="" src="http://www.shape5.com/demo/seaofglass/images/sa_two.jpg"/></div>
<div style="height:275px; width:950px; overflow:hidden; background:#">
<div style="float:left;width: 520px;">
<div style="background-image: url(images/sa_one.jpg);width: 520px; height: 275px;" id="blenddiv">
<img src="http://www.shape5.com/demo/seaofglass/images/sa_one.jpg" style="border: 0 none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;" id="blendimage" alt="" />
</div>
<div id="s5_playpausebuttons" style="opacity:.5;filter: alpha(opacity=50); " onmouseover="s5_onhoverinbut_sa();" onmouseout="s5_onhoveroutbut_sa();">
<div id="s5_play_sa" onclick="s5_playslide_sa();"></div>
<div id="s5_pause_sa" onclick="s5_pauseslide_sa();"></div>
</div>
<div id="s5_divarrowsback_sa" style="margin-top:215px;width:520px; height:60px;position:absolute;z-index:4; font-color:#FFFFFF;opacity:.5; filter: alpha(opacity=50); background:#000000;">
</div>
<div id="s5_divarrows_sa" onmouseover="s5_onhoverin_sa();" onmouseout="s5_onhoverout_sa();" style="opacity:.5;filter: alpha(opacity=50); margin-top:215px;width:520px; height:60px;position: absolute; z-index:4; font-color:#FFFFFF;background:transparent;">
<div id="s5_leftarrow_sa" onmouseover="s5_thumbnailleft_sa();" onmouseout="s5_goleftstop_sa();" ></div>
<div id="s5_thumbnails_sa" style="width:469px;position:relative;">
<div id="s5_thumbnailsouter_sa" style="position:relative;">
<div id="s5_thumbnailsinside_sa" style="position:absolute;width:728px;">
<img src="http://www.shape5.com/demo/seaofglass/images/sa_one.jpg" height="39" width="58" class="s5_thumbnails_sa" alt="" onclick="sa_thumb1();" />
<img src="http://www.shape5.com/demo/seaofglass/images/sa_two.jpg" height="39" width="58" class="s5_thumbnails_sa" alt="" onclick="sa_thumb2();" />
<img src="http://www.shape5.com/demo/seaofglass/images/sa_three.jpg" height="39" width="58" class="s5_thumbnails_sa" alt="" onclick="sa_thumb3();" />
<img src="http://www.shape5.com/demo/seaofglass/images/sa_four.jpg" height="39" width="58" class="s5_thumbnails_sa" alt="" onclick="sa_thumb4();" />
<img src="http://www.shape5.com/demo/seaofglass/images/sa_two.jpg" height="39" width="58" class="s5_thumbnails_sa" alt="" onclick="sa_thumb5();" />
<img src="http://www.shape5.com/demo/seaofglass/images/sa_one.jpg" height="39" width="58" class="s5_thumbnails_sa" alt="" onclick="sa_thumb6();" />
<img src="http://www.shape5.com/demo/seaofglass/images/sa_three.jpg" height="39" width="58" class="s5_thumbnails_sa" alt="" onclick="sa_thumb7();" />
<img src="http://www.shape5.com/demo/seaofglass/images/sa_four.jpg" height="39" width="58" class="s5_thumbnails_sa" alt="" onclick="sa_thumb8();" />
<img src="http://www.shape5.com/demo/seaofglass/images/sa_one.jpg" height="39" width="58" class="s5_thumbnails_sa" alt="" onclick="sa_thumb9();" />
<img src="http://www.shape5.com/demo/seaofglass/images/sa_two.jpg" height="39" width="58" class="s5_thumbnails_sa" alt="" onclick="sa_thumb10();" />
</div>
</div>
</div>
<div id="s5_rightarrow_sa" onmouseover="s5_thumbnailright_sa();" onmouseout="s5_gorightstop_sa();" style="position:relative;"></div>
</div>
</div>
<div style="float:right;width: 430px;">
<div id="s5_backgroundimage1" style="height:275px;display:block;">
<div id="operaBug">
<div id="scrollholder" class="scrollholder" style="opacity:.0;filter: alpha(opacity=0); ">
<div id="scroll" class="scroll">
<h1>New S5 Slideshow Advance</h1>
<div class="s5_scrollhold">
This month we introduce a brand new module, the S5 Slideshow Advance. This module not only displays your images in a slideshow format but it also allows you to attach descriptions and additional images to each slide. S5 Slideshow Advance is 100% powered by S5 Effects so this means you will not experience any script conflictions with major Javascript libraries such as Mootools or JQuery. </div>
<h3>Additional Images:</h3>
<div class="s5_magglasstop_sa">
<a href="http://www.shape5.com/demo/seaofglass/images/sa_four.jpg" rel="lytebox[gallery]" title="New S5 Slideshow Advance - Image 1">
<span class="s5_magglass_sa"></span>
<img src="http://www.shape5.com/demo/seaofglass/images/sa_four.jpg" height="75" width="106" class="s5_thumbnails_sa2" alt="" />
</a>
</div>
<div class="s5_magglasstop_sa">
<a href="ihttp://www.shape5.com/demo/seaofglass/mages/sa_one.jpg" rel="lytebox[gallery]" title="New S5 Slideshow Advance - Image 2">
<span class="s5_magglass_sa"></span>
<img src="http://www.shape5.com/demo/seaofglass/images/sa_one.jpg" height="75" width="106" class="s5_thumbnails_sa2" alt="" />
</a>
</div>
<div class="s5_magglasstop_sa">
<a href="http://www.shape5.com/demo/seaofglass/images/sa_three.jpg" rel="lytebox[gallery]" title="New S5 Slideshow Advance - Image 3">
<span class="s5_magglass_sa"></span>
<img src="http://www.shape5.com/demo/seaofglass/images/sa_three.jpg" height="75" width="106" class="s5_thumbnails_sa2" alt="" />
</a>
</div>
<div class="s5_magglasstop_sa">
<a href="http://www.shape5.com/demo/seaofglass/images/sa_two.jpg" rel="lytebox[gallery]" title="New S5 Slideshow Advance - Image 4">
<span class="s5_magglass_sa"></span>
<img src="http://www.shape5.com/demo/seaofglass/images/sa_two.jpg" height="75" width="106" class="s5_thumbnails_sa2" alt="" />
</a>
</div>
<div style="clear:both;height:10px;"></div>
</div>
</div>
<script type="text/javascript">
ScrollLoad ("scrollholder", "scroll", true);
</script>
<div id="scrollholder1" class="scrollholder" style="opacity:.0;filter: alpha(opacity=0); ">
<div id="scroll1" class="scroll">
<h1>100% Transparent Template</h1>
<div class="s5_scrollhold">
This month we decided to create a 100% transparent template to give you unlimited background options. We also have included the option to choose a custom background for each page!
<br />
<br />We are happy to introduce a new sub text option for the S5 Menu system. You can easily add your text for each menu link in the configuration area of the template.
<br /><br/>
<br />Features:
<br /><br/>
<br />- Custom Page and Column widths
<br />- Site Shapers Available
<br />- 100% Transparent
<br /> </div>
<h3>More Images:</h3>
<div class="s5_magglasstop_sa">
<a href="http://www.shape5.com/demo/seaofglass/images/sa_one.jpg" rel="lytebox[gallery2]" title="100% Transparent Template - Image 1">
<span class="s5_magglass_sa"></span>
<img src="http://www.shape5.com/demo/seaofglass/images/sa_one.jpg" height="75" width="106" class="s5_thumbnails_sa2" alt="" />
</a>
</div>
<div class="s5_magglasstop_sa">
<a href="http://www.shape5.com/demo/seaofglass/images/sa_two.jpg" rel="lytebox[gallery2]" title="100% Transparent Template - Image 2">
<span class="s5_magglass_sa"></span>
<img src="http://www.shape5.com/demo/seaofglass/images/sa_two.jpg" height="75" width="106" class="s5_thumbnails_sa2" alt="" />
</a>
</div>
<div style="clear:both;height:10px;"></div>
</div>
</div>
<script type="text/javascript">
ScrollLoad ("scrollholder1", "scroll1", true);
</script>
<div id="scrollholder2" class="scrollholder" style="opacity:.0;filter: alpha(opacity=0); ">
<div id="scroll2" class="scroll">
<h1>S5 Horizontal Login</h1>
<div class="s5_scrollhold">
We bring back the S5 horizontal login in Sea of Glass with transparency across all browsers including IE6. The input fields and login button are all transparent and will look great on any background you decide to use on your website. </div>
<h3>Extra Images:</h3>
<div class="s5_magglasstop_sa">
<a href="http://www.shape5.com/demo/seaofglass/images/sa_two.jpg" rel="lytebox[gallery3]" title="S5 Horizontal Login - Image 1">
<span class="s5_magglass_sa"></span>
<img src="http://www.shape5.com/demo/seaofglass/images/sa_two.jpg" height="75" width="106" class="s5_thumbnails_sa2" alt="" />
</a>
</div>
<div class="s5_magglasstop_sa">
<a href="http://www.shape5.com/demo/seaofglass/images/sa_three.jpg" rel="lytebox[gallery3]" title="S5 Horizontal Login - Image 2">
<span class="s5_magglass_sa"></span>
<img src="http://www.shape5.com/demo/seaofglass/images/sa_three.jpg" height="75" width="106" class="s5_thumbnails_sa2" alt="" />
</a>
</div>
<div style="clear:both;height:10px;"></div>
</div>
</div>
<script type="text/javascript">
ScrollLoad ("scrollholder2", "scroll2", true);
</script>
<div id="scrollholder3" class="scrollholder" style="opacity:.0;filter: alpha(opacity=0); ">
<div id="scroll3" class="scroll">
<h1>A Different Background on Every Page</h1>
<div class="s5_scrollhold">
Have you ever wanted every page on your site to be unique? Well now it's possible! Simply by using the built-in Joomla menu image you can assign that image as the background of the page! Use a default image that is set to all pages and then apply a unique background image to any page you wish. This perfect for the Sea of Glass template since its completely transparent! </div>
<h3>Additional Images:</h3>
<div class="s5_magglasstop_sa">
<a href="http://www.shape5.com/demo/seaofglass/images/sa_one.jpg" rel="lytebox[gallery4]" title="A Different Background on Every Page - Image 1">
<span class="s5_magglass_sa"></span>
<img src="http://www.shape5.com/demo/seaofglass/images/sa_one.jpg" height="75" width="106" class="s5_thumbnails_sa2" alt="" />
</a>
</div>
<div class="s5_magglasstop_sa">
<a href="http://www.shape5.com/demo/seaofglass/images/sa_two.jpg" rel="lytebox[gallery4]" title="A Different Background on Every Page - Image 2">
<span class="s5_magglass_sa"></span>
<img src="http://www.shape5.com/demo/seaofglass/images/sa_two.jpg" height="75" width="106" class="s5_thumbnails_sa2" alt="" />
</a>
</div>
<div class="s5_magglasstop_sa">
<a href="http://www.shape5.com/demo/seaofglass/images/sa_three.jpg" rel="lytebox[gallery4]" title="A Different Background on Every Page - Image 3">
<span class="s5_magglass_sa"></span>
<img src="http://www.shape5.com/demo/seaofglass/images/sa_three.jpg" height="75" width="106" class="s5_thumbnails_sa2" alt="" />
</a>
</div>
<div style="clear:both;height:10px;"></div>
</div>
</div>
<script type="text/javascript">
ScrollLoad ("scrollholder3", "scroll3", true);
</script>
<div id="scrollholder4" class="scrollholder" style="opacity:.0;filter: alpha(opacity=0); ">
<div id="scroll4" class="scroll">
<h1>Slide 5</h1>
<div class="s5_scrollhold">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </div>
<div style="clear:both;height:10px;"></div>
</div>
</div>
<script type="text/javascript">
ScrollLoad ("scrollholder4", "scroll4", true);
</script>
<div id="scrollholder5" class="scrollholder" style="opacity:.0;filter: alpha(opacity=0); ">
<div id="scroll5" class="scroll">
<h1>Slide 6</h1>
<div class="s5_scrollhold">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </div>
<div style="clear:both;height:10px;"></div>
</div>
</div>
<script type="text/javascript">
ScrollLoad ("scrollholder5", "scroll5", true);
</script>
<div id="scrollholder6" class="scrollholder" style="opacity:.0;filter: alpha(opacity=0); ">
<div id="scroll6" class="scroll">
<h1>Slide 7</h1>
<div class="s5_scrollhold">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<br />
<br />Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<br />
<br />Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<br />
<br />Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </div>
<div style="clear:both;height:10px;"></div>
</div>
</div>
<script type="text/javascript">
ScrollLoad ("scrollholder6", "scroll6", true);
</script>
<div id="scrollholder7" class="scrollholder" style="opacity:.0;filter: alpha(opacity=0); ">
<div id="scroll7" class="scroll">
<h1>Slide 8</h1>
<div class="s5_scrollhold">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </div>
<div style="clear:both;height:10px;"></div>
</div>
</div>
<script type="text/javascript">
ScrollLoad ("scrollholder7", "scroll7", true);
</script>
<div id="scrollholder8" class="scrollholder" style="opacity:.0;filter: alpha(opacity=0); ">
<div id="scroll8" class="scroll">
<h1>Slide 9</h1>
<div class="s5_scrollhold">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </div>
<div style="clear:both;height:10px;"></div>
</div>
</div>
<script type="text/javascript">
ScrollLoad ("scrollholder8", "scroll8", true);
</script>
<div id="scrollholder9" class="scrollholder" style="opacity:.0;filter: alpha(opacity=0); ">
<div id="scroll9" class="scroll">
<h1>Slide 10</h1>
<div class="s5_scrollhold">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<br />
<br />Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </div>
<div style="clear:both;height:10px;"></div>
</div>
</div>
<script type="text/javascript">
ScrollLoad ("scrollholder9", "scroll9", true);
</script>
</div>
</div>
</div>
</div>
<script language="javascript" type="text/javascript" src="http://shape5.com/demo/seaofglass/modules/s5_slideshowadvance/s5_effects.js"></script>
<script language="javascript" type="text/javascript" src="http://shape5.com/demo/seaofglass/modules/s5_slideshowadvance/lytebox.js"></script>
<script type="text/javascript">
function sa_picture1() {
if (s5_pauseslidevar_sa == 1) { return false; }
if (s5_pauseslidevar_sa == 0) {
if (s5_thumbchangeon_sa == 0) {
s5_rotate_yes = 1;
sa_picture1_display();
blendimage('blenddiv','blendimage', 'http://www.shape5.com/demo/seaofglass/images/sa_one.jpg', tween_time)
sa_picture1_display_yes();}}}
function sa_picture2() {
if (s5_pauseslidevar_sa == 1) { return false; }
if (s5_pauseslidevar_sa == 0) {
if (s5_thumbchangeon_sa == 0) {
s5_rotate_yes = 2;
sa_picture2_display();
blendimage('blenddiv','blendimage', 'http://www.shape5.com/demo/seaofglass/images/sa_two.jpg',tween_time)
sa_picture2_display_yes();}}}
function sa_picture3() {
if (s5_pauseslidevar_sa == 1) { return false; }
if (s5_pauseslidevar_sa == 0) {
if (s5_thumbchangeon_sa == 0) {
s5_rotate_yes = 3;
sa_picture3_display();
blendimage('blenddiv','blendimage', 'http://www.shape5.com/demo/seaofglass/images/sa_three.jpg',tween_time)
sa_picture3_display_yes();}}}
function sa_picture4() {
if (s5_pauseslidevar_sa == 1) { return false; }
if (s5_pauseslidevar_sa == 0) {
if (s5_thumbchangeon_sa == 0) {
s5_rotate_yes = 4;
sa_picture4_display();
blendimage('blenddiv','blendimage', 'http://www.shape5.com/demo/seaofglass/images/sa_four.jpg',tween_time)
sa_picture4_display_yes();}}}
function sa_picture5() {
if (s5_pauseslidevar_sa == 1) { return false; }
if (s5_pauseslidevar_sa == 0) {
if (s5_thumbchangeon_sa == 0) {
s5_rotate_yes = 5;
sa_picture5_display();
blendimage('blenddiv','blendimage', 'http://www.shape5.com/demo/seaofglass/images/sa_two.jpg',tween_time)
sa_picture5_display_yes();}}}
function sa_picture6() {
if (s5_pauseslidevar_sa == 1) { return false; }
if (s5_pauseslidevar_sa == 0) {
if (s5_thumbchangeon_sa == 0) {
s5_rotate_yes = 6;
sa_picture6_display();
blendimage('blenddiv','blendimage', 'http://www.shape5.com/demo/seaofglass/images/sa_one.jpg',tween_time)
sa_picture6_display_yes();}}}
function sa_picture7() {
if (s5_pauseslidevar_sa == 1) { return false; }
if (s5_pauseslidevar_sa == 0) {
if (s5_thumbchangeon_sa == 0) {
s5_rotate_yes = 7;
sa_picture7_display();
blendimage('blenddiv','blendimage', 'http://www.shape5.com/demo/seaofglass/images/sa_three.jpg',tween_time)
sa_picture7_display_yes();}}}
function sa_picture8() {
if (s5_pauseslidevar_sa == 1) { return false; }
if (s5_pauseslidevar_sa == 0) {
if (s5_thumbchangeon_sa == 0) {
s5_rotate_yes = 8;
sa_picture8_display();
blendimage('blenddiv','blendimage', 'http://www.shape5.com/demo/seaofglass/images/sa_four.jpg',tween_time)
sa_picture8_display_yes();}}}
function sa_picture9() {
if (s5_pauseslidevar_sa == 1) { return false; }
if (s5_pauseslidevar_sa == 0) {
if (s5_thumbchangeon_sa == 0) {
s5_rotate_yes = 9;
sa_picture9_display();
blendimage('blenddiv','blendimage', 'http://www.shape5.com/demo/seaofglass/images/sa_one.jpg',tween_time)
sa_picture9_display_yes();}}}
function sa_picture10() {
if (s5_pauseslidevar_sa == 1) { return false; }
if (s5_pauseslidevar_sa == 0) {
if (s5_thumbchangeon_sa == 0) {
s5_rotate_yes = 10;
sa_picture10_display();
blendimage('blenddiv','blendimage', 'http://www.shape5.com/demo/seaofglass/images/sa_two.jpg',tween_time)
sa_picture10_display_yes();}}}sa_picture1();
</script> </div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
</div>
<div style="clear:both;"></div>
<div class="s5_backbottomleft"></div>
<div class="s5_backbottommiddle"></div>
<div class="s5_backbottomright"></div>
<div style="clear:both;padding-bottom:12px;"></div>
<!-- EndUser 1-3 -->
<!-- Start Main Body -->
<div id="s5_leftcolumn" style="width:251px;">
<div class="s5_backtopleft"></div>
<div class="s5_backtopmiddle_l"></div>
<div class="s5_backtopright"></div>
<div style="clear:both;"></div>
<div class="s5_backmiddleleft">
<div class="s5_backmiddleright_l">
<div class="s5_backmiddlemiddle_l" id="s5_modleft">
<style type="text/css">
table {margin-left: auto;margin-right: auto}
</style>
-------------------tasarım altı------------------------------------
<div class="module">
<div>
<div>
<div>
<h3>Polls</h3> <script language="javascript" type="text/javascript">
<!--
function submitbutton_Poll1() {
var form = document.pollxtd1;
var radio = form.voteid;
var radioLength = radio.length;
var check = 0;
if ( 'z' != 'z' ) {
alert('You already voted for this item today.');
return;
}
for(var i = 0; i < radioLength; i++) {
if(radio[i].checked) {
form.submit();
check = 1;
}
}
if (check == 0) {
alert('No selection has been made, please try again');
}
}
//-->
</script>
<form name="pollxtd1" method="post" action="http://shape5.com/demo/seaofglass/index.php?option=com_poll">
<table width="95%" border="0" cellspacing="0" cellpadding="1" align="center" class="poll">
<thead>
<tr>
<td style="font-weight: bold;">
I like the.... </td>
</tr>
</thead>
<tr>
<td align="center">
<table class="pollstableborder" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="sectiontableentry2" valign="top">
<input type="radio" name="voteid" id="voteid13" value="13" alt="13" />
</td>
<td class="sectiontableentry2" valign="top">
<label for="voteid13">
S5 Slideshow Advance </label>
</td>
</tr>
<tr>
<td class="sectiontableentry1" valign="top">
<input type="radio" name="voteid" id="voteid14" value="14" alt="14" />
</td>
<td class="sectiontableentry1" valign="top">
<label for="voteid14">
Transparent Layout </label>
</td>
</tr>
<tr>
<td class="sectiontableentry2" valign="top">
<input type="radio" name="voteid" id="voteid15" value="15" alt="15" />
</td>
<td class="sectiontableentry2" valign="top">
<label for="voteid15">
New menu sub text </label>
</td>
</tr>
<tr>
<td class="sectiontableentry1" valign="top">
<input type="radio" name="voteid" id="voteid16" value="16" alt="16" />
</td>
<td class="sectiontableentry1" valign="top">
<label for="voteid16">
A different background for every page </label>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div align="center">
<input type="button" onclick="submitbutton_Poll1();" name="task_button" class="button" value="Vote" />
<input type="button" name="option" class="button" value="Results" onclick="document.location.href='http://shape5.com/demo/seaofglass/index.php?option=com_poll&task=results&id=15';" />
</div>
</td>
</tr>
</table>
<input type="hidden" name="id" value="15" />
<input type="hidden" name="task" value="vote" />
<input type="hidden" name="j74c51ae98823494ec8e4df73178fa2d9" value="1" />
</form>
</div>
</div>
</div>
</div>
<div class="module">
<div>
<div>
<div>
<h3>Who's Online</h3>We have 3 guests online </div>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
______________
Dersim-Online Yeni Tasarımla Karşınızda!
