şu ana kadar gördüğüm en güzel joomla tasarımlardan biri
önizleme
http://tasarim3-.tr.gg
<--tasarım ü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>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="joomla, Joomla" />
<meta name="description" content="Joomla! - the dynamic portal engine and content management system" />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>Mediaplate</title>
<link href="/demo/mediaplate/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/demo/mediaplate/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<link href="/demo/mediaplate/templates/mediaplate/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<script type="text/javascript" src="/demo/mediaplate/media/system/js/mootools.js"></script>
<script type="text/javascript" src="/demo/mediaplate/media/system/js/caption.js"></script>
<meta http-equiv="Content-Type" content="text/html; _ISO" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="http://www.shape5.com/demo/mediaplate/templates/mediaplate/css/template_css.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">//<![CDATA[
document.write('<link href="http://www.shape5.com/demo/mediaplate/templates/mediaplate/css/editor.css" rel="stylesheet" type="text/css" media="screen" />');
//]]></script>
<link href="http://www.shape5.com/demo/mediaplate/templates/mediaplate/css/lytebox.css" rel="stylesheet" type="text/css" media="screen" />
<link href="http://www.shape5.com/demo/mediaplate/templates/mediaplate/css/suckerfish.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="http://www.shape5.com/demo/mediaplate/templates/mediaplate/js/s5_effects.js"></script>
<script type="text/javascript" src="http://www.shape5.com/demo/mediaplate/templates/mediaplate/js/lytebox.js"></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 = '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 = 'Default Joomla';</script><script language="javascript" type="text/javascript" >var s5_text_menu_5 = 'Get Help Here';</script><script language="javascript" type="text/javascript" >var s5_text_menu_6 = 'Content Effects';</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>
<script type="text/javascript" src="http://www.shape5.com/demo/mediaplate/templates/mediaplate/js/IEsuckerfish.js"></script>
<style type="text/css">
#s5_innerwrap { margin-top:-33px;}
.s5_backmiddlemiddle ul {margin-left:6px;}
.s5_popupbox { left:19px;}
.s5_wrap {
width:975px;}
#s5_topmidmback {
width:947px;}
#s5_innerwrap {
width:975px;}
#s5_topgradleft {
width:628px;}
.s5_backmiddlemiddle_m {
width:631px;}
#s5_innerbodytop {
width:960px;}
#s5_innerwrapbotm {
width:961px;}
#s5_mainbodytopm {
width:905px;}
#s5_mainbody {
width:973px;}
#s5_footerm {
width:903px;}
#s5_bottomposout {
width:975px;}
</style>
</head>
<body style="background:#1b1406 url(http://www.shape5.com/demo/mediaplate/images/background_one.jpg) repeat-x top;">
<div style="background:transparent url(http://www.shape5.com/demo/mediaplate/images/background_two.jpg) repeat-x bottom;">
<div style="height:47px;"></div>
<!-- Header -->
<div class="s5_wrap">
<div id="s5_topleftmback"></div>
<div id="s5_topmidmback">
<div id="s5_logo" style="cursor:pointer;" onclick="window.document.location.href='index.php'"></div>
<!-- Start Menu -->
<div id="s5_menu">
<div id="s5_navv">
<ul onmouseover="check_id()"><li class="active" onmouseenter='make_relative(this.id)' onmouseleave='unmake_relative(this.id)'><span class="s5_outer_active"><span><a class="active" href="/demo/mediaplate/">Home<span class="s5_bottom_text"></span></a><span class="s5_outerr"></span></span></span></li>
<li onmouseenter='make_relative(this.id)' onmouseleave='unmake_relative(this.id)'><span class="s5_outer_active"><span><a class="active" href="/demo/mediaplate/index.php?option=com_content&view=article&id=13&Itemid=28">S5 No-Moo<span class="s5_bottom_text"></span></a><span class="s5_outerr"></span></span></span> <ul onmouseover='check_id()'><li class='s5_toparrow'></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="http://www.shape5.com/demo/mediaplate/mediaplate2/">Fading Effect Example</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="http://www.shape5.com/demo/mediaplate">Drop In Effect Example</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="http://www.shape5.com/demo/mediaplate/mediaplate3/">Standard Suckerfish Example</a></span></span></li>
<li class='noback' ><span><span><a class="parent" href="javascript:;"> Dummy Item</a></span></span> <ul onmouseover='check_id()'><li class='s5_menutop'></li>
<li><span><span class="span_nonactive"><a class="sub" href="javascript:;">Dummy Item</a></span></span></li>
<li><span><span class="span_nonactive"><a class="sub" href="javascript:;">Dummy Item</a></span></span></li>
<li><span><span><a class="parent" href="javascript:;"> Dummy Item</a></span></span> <ul onmouseover='check_id()'><li class='s5_menutop'></li>
<li><span><span class="span_nonactive"><a class="sub" href="javascript:;">Dummy Item</a></span></span></li>
<li><span><span class="span_nonactive"><a class="sub" href="javascript:;">Dummy Item</a></span></span></li>
<li><span><span class="span_nonactive"><a class="sub" 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 onmouseenter='make_relative(this.id)' onmouseleave='unmake_relative(this.id)'><span class="s5_outer_active"><span><a class="active" href="javascript:;">Features<span class="s5_bottom_text"></span></a><span class="s5_outerr"></span></span></span> <ul onmouseover='check_id()'><li class='s5_toparrow'></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=39&Itemid=87">Site Shaper Available</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=14&Itemid=49">23 Modules Positions</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=46&Itemid=105">2 Custom Backgrounds</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=41&Itemid=98">NEW! S5 Media Player</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=22&Itemid=59">S5 Image Set Rotator</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=52&Itemid=139">Display News</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=24&Itemid=65">Custom Page / Column Widths</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=19&Itemid=70">LyteBox Enabled</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=37&Itemid=83">Tool Tips Enabled</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=45&Itemid=104">S5 Drop Box</a></span></span></li>
<li class='s5_menubottom'></li></ul></li>
<li onmouseenter='make_relative(this.id)' onmouseleave='unmake_relative(this.id)'><span class="s5_outer_active"><span><a class="active" href="javascript:;">Joomla Stuff<span class="s5_bottom_text"></span></a><span class="s5_outerr"></span></span></span> <ul onmouseover='check_id()'><li class='s5_toparrow'></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_search&Itemid=5">Search</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_contact&view=contact&id=1&Itemid=3">Contact Us</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=section&id=1&Itemid=2">News</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_newsfeeds&view=categories&Itemid=7">News Feeds</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_weblinks&view=categories&Itemid=23">Links</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_wrapper&view=wrapper&Itemid=8">Wrapper</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=category&id=7&Itemid=25">FAQs</a></span></span></li>
<li class='s5_menubottom'></li></ul></li>
<li onmouseenter='make_relative(this.id)' onmouseleave='unmake_relative(this.id)'><span class="s5_outer_active"><span><a class="active" href="javascript:;">Tutorials<span class="s5_bottom_text"></span></a><span class="s5_outerr"></span></span></span> <ul onmouseover='check_id()'><li class='s5_toparrow'></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=17&Itemid=53">Installing The Template</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=39&Itemid=88">Site Shaper Setup</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=18&Itemid=54">Configuring The Template</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=36&Itemid=80">Menu Setup</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=19&Itemid=55">LyteBox Setup</a></span></span></li>
<li class='noback' ><span><span class="span_nonactive"><a class="sub" href="/demo/mediaplate/index.php?option=com_content&view=article&id=37&Itemid=82">Tool Tips Setup</a></span></span></li>
<li class='s5_menubottom'></li></ul></li>
<li onmouseenter='make_relative(this.id)' onmouseleave='unmake_relative(this.id)'><span class="s5_outer_active"><span><a class="active" href="/demo/mediaplate/index.php?option=com_content&view=article&id=12&Itemid=27">Typography<span class="s5_bottom_text"></span></a><span class="s5_outerr"></span></span></span></li>
</ul> <script type="text/javascript" src="http://www.shape5.com/demo/mediaplate/templates/mediaplate/js/s5_no_moo_menu.js"></script>
</div>
</div>
<!-- End Menu -->
</div>
<div id="s5_toprightmback"></div>
</div>
<!-- End Header -->
<!-- Top Body -->
<div class="s5_wrap">
<div id="s5_innerwrap">
<div id="s5_topgradleft">
<div class="s5_topgradlogreg">
<div class="s5_topgradleftl"></div>
<div class="s5_topgradleftm" id="s5_boxtext" onclick="show_login()">
</div>
<div class="s5_topgradleftr"></div>
<div class="s5_popupbox" id="s5_dropbox">
<div class="s5_popupboxleft"></div>
<div class="s5_popupboxm" id="s5_boxtext2" onclick="show_login()">
</div>
<div class="s5_popupboxright"></div>
<div style="clear:both;"></div>
<div class="s5_popupboxtopl"></div>
<div class="s5_popupboxtopm" style="width:234px;"></div>
<div class="s5_popupboxtopr"></div>
<div style="clear:both;"></div>
<div class="s5_popupboxtopm2" id="s5_boxtitlee" style="width:226px;">
<div class="moduletable">
<h3>Login To Site Here</h3>
<form action="/demo/mediaplate/index.php" method="post" name="login" id="form-login" >
<fieldset class="input">
<p id="form-login-username">
<label for="modlgn_username">Username</label><br />
<input id="modlgn_username" type="text" name="username" class="inputbox" alt="username" size="18" />
</p>
<p id="form-login-password">
<label for="modlgn_passwd">Password</label><br />
<input id="modlgn_passwd" type="password" name="passwd" class="inputbox" size="18" alt="password" />
</p>
<p id="form-login-remember">
<label for="modlgn_remember">Remember Me</label>
<input id="modlgn_remember" type="checkbox" name="remember" class="inputbox" value="yes" alt="Remember Me" />
</p>
<input type="submit" name="Submit" class="button" value="Login" />
</fieldset>
<ul>
<li>
<a href="/demo/mediaplate/index.php?option=com_user&view=reset">
Forgot your password?</a>
</li>
<li>
<a href="/demo/mediaplate/index.php?option=com_user&view=remind">
Forgot your username?</a>
</li>
</ul>
<input type="hidden" name="option" value="com_user" />
<input type="hidden" name="task" value="login" />
<input type="hidden" name="return" value="L2RlbW8vbWVkaWFwbGF0ZS8=" />
<input type="hidden" name="b49faedcd9733ae34c76039dce755b32" value="1" /></form>
</div>
</div>
<div class="s5_popupboxtopl2"></div>
<div class="s5_popupboxtopm" style="width:234px;"></div>
<div class="s5_popupboxtopr2"></div>
</div>
</div>
<div class="s5_topgradlogreg" onclick="window.document.location.href=''">
<div class="s5_topgradleftl"></div>
<div class="s5_topgradleftm">
Register </div>
<div class="s5_topgradleftr"></div>
</div>
</div>
<div id="s5_topgradsearch">
<div id="s5_topgradsearchin">
<div class="moduletable">
<form action="index.php" method="post">
<div class="search">
<input name="searchword" id="mod_search_searchword" maxlength="25" alt="Search" class="inputbox" type="text" size="25" value="search..." onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';" /> </div>
<input type="hidden" name="task" value="search" />
<input type="hidden" name="option" value="com_search" />
</form> </div>
</div>
</div>
<div id="s5_topgradright">
</div>
</div>
<div id="s5_innerwrapbottom">
<div style="clear:both;"></div>
<div id="s5_innerbodytop2">
<div id="s5_innerbodytop">
<div id="s5_topleft" style="width:637px;">
<div class="module-vidmod">
<div>
<div>
<div>
<h3>S5 Media Player</h3>
<script type="text/javascript" src="http://www.shape5.com/demo/mediaplate/modules/mod_s5_mediaplayer/library/script.js"></script>
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<script type="text/javascript">
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0',
'width', '630',
'height', '300',
'src', 'videoPlayer',
'quality', 'high',
'pluginspname', 'http://www.adobe.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'opaque',
'devicefont', 'false',
'id', 'videoPlayer',
'bgcolor', '#000000',
'name', 'videoPlayer',
'menu', 'true',
'allowFullScreen', 'true',
'allowScriptAccess','sameDomain',
'FlashVars','playlistURL=playlist.xml',
'movie', 'http://www.shape5.com/demo/mediaplate/modules/mod_s5_mediaplayer/videoPlayer',
'salign', ''
); //end AC code
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="630" height="300" id="videoPlayer" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="http://www.shape5.com/demo/mediaplate/modules/mod_s5_mediaplayer/videoPlayer.swf" />
<param name="quality" value="high" />
<param name="FlashVars" value="playlistURL=playlist.xml" />
<param name="bgcolor" value="#000000" />
<script type="text/javascript">//<![CDATA[
document.write('<embed src="http://www.shape5.com/demo/mediaplate/modules/mod_s5_mediaplayer/videoPlayer.swf" quality="high" FlashVars="playlistURL=playlist.xml" bgcolor="#000000" width="630" height="300" name="videoPlayer" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspname="http://www.adobe.com/go/getflashplayer" />');
//]]></script>
</object>
</noscript>
</div>
</div>
</div>
</div>
</div>
<div id="s5_topright" style="width:302px;">
<div class="module-modtop">
<div>
<div>
<div>
<h3>Latest News Articles</h3>
<!-- START 'Display News by BK 1.5.7' -->
<div class='contentpaneopen'>
<div ><br/><span class='contentheading'><span class='contentpagetitle'>Lorem dolor sit</span></span>
<br/><br/>
<span class='contentpaneopen'><img src="http://www.shape5.com/demo/mediaplate/images/mvsa.jpg" alt="image" />Lorem dolor sitLorem dolor sitLorem ipsum dolor sit amet.<br/><br/> </span><span ><a href='/demo/mediaplate/index.php?option=com_content&view=article&id=51:lorem-dolor-sit&catid=1:latest&Itemid=2' >Read more...</a></span></div>
<div ><br/><span class='contentheading'><span class='contentpagetitle'>Lorem ipsum dolor sit amet</span></span>
<br/><br/>
<span class='contentpaneopen'><img src="http://www.shape5.com/demo/mediaplate/images/iceage.jpg" alt="image" />Lorem ipsum dolor sit amet, consectetur adipiscing, conse.<br /><br /> </span><span ><a href='/demo/mediaplate/index.php?option=com_content&view=article&id=50:lorem-ipsum-dolor-sit-amet&catid=1:latest&Itemid=2' >Read more...</a></span></div>
</div>
<!-- END module 'Display News by BK 1.5.7' -->
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
<!-- Below Header -->
<div class="s5_wrap" style="margin-left:-20px;">
<!-- Start User 1-3 -->
<div class="s5_backmiddlemiddle2">
<div id="s5_advert1_100">
<div class="module">
<div>
<div>
<div>
<script type="text/javascript">//<![CDATA[
document.write('<link href="http://www.shape5.com/demo/mediaplate//modules/mod_s5_image_set_rotator/s5_image_set_rotator/styles.css" rel="stylesheet" type="text/css" media="screen" />');
//]]></script>
<div style="display:none">
<div id="s5_isr_box1">
<a style="padding:0px; margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="http://www.shape5.com/demo/mediaplate/images/rotateone_05.png"></img></a>
<a style="padding:0px; margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="http://www.shape5.com/demo/mediaplate/images/rotateone_02.png"></img></a>
<a style="padding:0px; margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="http://www.shape5.com/demo/mediaplate/images/rotateone_03.png"></img></a>
<a style="padding:0px; margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="http://www.shape5.com/demo/mediaplate/images/rotateone_04.png"></img></a>
</div>
<div id="s5_isr_box2">
<a style="padding:0px; margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="http://www.shape5.com/demo/mediaplate/images/rotateone_03.png"></img></a>
<a style="padding:0px; margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="http://www.shape5.com/demo/mediaplate/images/rotateone_05.png"></img></a>
</div>
</div>
<div id="s5_isr_outer" onmouseover="s5_isr_hover_on()" onmouseout="s5_isr_hover_off()" style="overflow:hidden; margin-bottom:0px; margin-top:0px; margin-right:0px; margin-left:0px; padding:0px; height:211px; width:960px;">
<div style="padding:0px; margin:0px; float:left; height:1px; width:10px"></div>
<div id="s5_isr_left" onclick="s5_isr_left()" style="float:left; padding:0px; margin:0px; cursor:pointer; width:84px; height:211px; margin-top:0px; background-repeat:no-repeat; background-position:center center"></div>
<div style="padding:0px; margin:0px; float:left; height:1px; width:10px"></div>
<div id="s5_isr_middle_outer" style="opacity:.0; filter: alpha(opacity=0); -moz-opacity: 0; overflow:hidden; float:left; padding:0px; margin-top:19px; height:211px; width:762px">
<div id="s5_isr_middle" style="float:left; padding:0px; margin:0px; width:10000px">
</div>
</div>
<div style="padding:0px; margin:0px; float:left; height:1px; width:10px"></div>
<div id="s5_isr_right" onclick="s5_isr_right()" style="float:left; padding:0px; margin:0px; cursor:pointer; width:84px; height:211px; margin-top:0px; background-repeat:no-repeat; background-position:center center"></div>
<div style="padding:0px; margin:0px; float:left; height:1px; width:10px"></div>
</div>
<script type="text/javascript">
var s5_isr_displaytime = 10000;
var s5_isr_chrome;
</script>
<script language="javascript" type="text/javascript" src="http://www.shape5.com/demo/mediaplate//modules/mod_s5_image_set_rotator/s5_image_set_rotator/s5_image_set_rotator.js"></script>
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
<!-- EndUser 1-3 -->
</div>
<!-- End Below Header -->
</div>
</div>
<div id="s5_innerwrapbot">
<div id="s5_innerwrapbotl"></div>
<div id="s5_innerwrapbotm"></div>
<div id="s5_innerwrapbotr"></div>
</div>
</div>
</div>
<!-- End Top Body -->
<div style="height:47px;"></div>
<!-- Main Body -->
<div class="s5_wrap">
<div id="s5_mainbodytopl"></div>
<div id="s5_mainbodytopm">
<div id="s5_pathway">
<div class="moduletable">
<span class="breadcrumbs pathway">
Home</span>
</div>
</div>
</div>
<div id="s5_mainbodytopr"></div>
<div style="clear:both;"></div>
<style type="text/css">
table {margin-left: auto;margin-right: auto}
</style>
<--------------------------------------------------------------tasarım altı---------------------------------------------------------------------------------------------------->
<div id="s5_mainbody">
<div id="s5_middlecolwrap" style="width:664px;">
<div class="s5_mainmiddletl"></div>
<div class="s5_mainmiddletm" style="width:638px;"></div>
<div class="s5_mainmiddletr"></div>
<div style="clear: both;"></div>
<div class="s5_mainmiddleleft">
<div class="s5_mainmiddleleft_inner">
<div class="s5_mainmiddleleft_padding">
<div class="s5_backmiddleright_m" >
<div class="s5_backmiddlemiddle_m" id="s5_modmiddle">
<div style="float:left;width:349px;" >
<div class="componentheading">
Mediaplate</div>
<table class="blog" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="100%" class="article_column">
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
<br />After several requests we are happy to release a templates designed around videos and media. We are proud to release our new S5 Media Player module that nicely compliments Mediaplate. The module allows you to add up to 30 video clips/movies. It accepts FLV files and the popular MP4 file types. <br /><br />This template has 21 modules positions with 3 module styles. As first released last month we include the image rotator and give it a new look to match the Mediplate template. As usually we give you some background options, Mediaplate brings two. You can assign a background to the top portion of the template and to the bottom portion. The S5 Tab show is also included in this template release as seen in the City Portal template. Be sure to browse around the demo of this template to see all the features included!<br /></td>
</tr>
<tr>
<td colspan="2">
<a href="/demo/mediaplate/index.php?option=com_content&view=article&id=29:mediaplate&catid=1:latest&Itemid=2" class="readon">
Read more...</a>
</td>
</tr>
</table>
<span class="article_separator"> </span>
<table class="contentpaneopen">
<tr>
<td class="contentheading" width="100%">
News Article </td>
</tr>
</table>
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
Lorem Ipsum is simply dummy text not only five centuries of the Lorem Ipsum has been printing and typesetting industry. Lorem Ipsum not only five centuries has been the industry's standard dummy text ever since the 1500s, Lorem Ipsum not only five centuries has been 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,remaining essentially unchanged.</td>
</tr>
<tr>
<td colspan="2">
<a href="/demo/mediaplate/index.php?option=com_content&view=article&id=53:new-article&catid=1:latest&Itemid=2" class="readon">
Read more...</a>
</td>
</tr>
</table>
<span class="article_separator"> </span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div style="float:left;width:250px;margin-left:20px;">
<div class="module">
<div>
<div>
<div>
<h3>Background Examples:</h3>
<br /><a href="http://www.shape5.com/demo/mediaplate/"><img src="http://www.shape5.com/demo/mediaplate/images/demo1.jpg" border="0" alt="demo1" /></a>
<div style="font-size:11px;">
Click the above image to demo this background and the drop in menu style
</div>
<br />
<br /><a href="http://www.shape5.com/demo/mediaplate/mediaplate2/"><img src="http://www.shape5.com/demo/mediaplate/images/demo2.jpg" border="0" alt="demo1" /></a>
<div style="font-size:11px;">
Click the above image to demo this background and the fade in menu style
</div>
<br />
<br /><a href="http://www.shape5.com/demo/mediaplate/mediaplate3/"><img src="http://www.shape5.com/demo/mediaplate/images/demo3.jpg" border="0" alt="demo1" /></a>
<div style="font-size:11px;">
Click the above image to demo this background and the suckerfish menu style
</div> </div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
<div class="s5_mainmiddlebl"></div>
<div class="s5_mainmiddlebm" style="width:638px;"></div>
<div class="s5_mainmiddlebr"></div>
</div>
<div id="s5_rightcolumn" style="width:276px;">
<div class="s5_backmiddlemiddle_r" id="s5_modright" style="padding-right:11px;">
<div class="module">
<div>
<div>
<div>
<script language="javascript" type="text/javascript" >var s5_ts_ifvisible = 2;</script>
<script type="text/javascript" src="http://www.shape5.com/demo/mediaplate//modules/mod_s5_tabshow/s5_tabshow/s5_effects.js"></script>
<script type="text/javascript">//<![CDATA[
document.write('<link href="http://www.shape5.com/demo/mediaplate//modules/mod_s5_tabshow/s5_tabshow/styles.css" rel="stylesheet" type="text/css" media="screen" />');
//]]></script>
<script type="text/javascript" src="http://www.shape5.com/demo/mediaplate//modules/mod_s5_tabshow/s5_tabshow/mootoolsv11.js"></script>
<script type="text/javascript" src="http://www.shape5.com/demo/mediaplate//modules/mod_s5_tabshow/s5_tabshow/iCarousel.js"></script>
<script language="javascript" type="text/javascript" >
window.addEvent("domready", function() {
var s5Carousel = new iCarousel("s5_button_content", {
idPrevious: "s5_button_previous",
idNext: "",
idToggle: "",
item: {
klass: "s5_button_item",
size: 244},
animation: {
type: "scroll",
duration: 1000,
amount: 1 }
});
$("thumb0").addEvent("mouseover", function(event){new Event(event).stop();s5Carousel.goTo(0)});
$("thumb1").addEvent("mouseover", function(event){new Event(event).stop();s5Carousel.goTo(1)});
});
</script>
<div style="margin-top:-13px;margin-top:0px;">
<div style="width:255px;height:32px;position:relative;top:3px;z-index:2;">
<div id="s5_button_frame">
<ul id="s5navfs">
<li class="active_ts" id="thumb0" style="color:#000000;" onmouseover="s5_tabshowhover_1();" ><span class="s5_tabstart"></span><span class="s5_tabmiddle"><a href="#">Ad</a></span><span class="s5_tabend"></span></li>
<li class="nonactive_ts" id="thumb1" onmouseover="s5_tabshowhover_2();"><span class="s5_tabstart"></span><span class="s5_tabmiddle"><a href="#">Polls</a></span><span class="s5_tabend"></span></li>
</ul>
</div>
</div>
<div id="s5_buttonswrap_ts" style="width:257px;">
</div>
<div style="clear:both;"></div>
<div id="s5_tabshow_left" style="width:240px;">
<div id="s5_tabshow_right" style="width:245px;">
<div style="width:240px; overflow:hidden;">
<div id="s5_button" style="width:240px; ">
<ul id="s5_button_content">
<li class="s5_button_item" ><div style="margin-left:-9px;width:232px; padding:6px;margin-left:10px;"> <div class="moduletable">
<img src="http://www.shape5.com/demo/mediaplate/images/ad.jpg" border="0" alt="AD" /> </div>
</div> </li>
<li class="s5_button_item" ><div style="width:228px; padding:6px;"> <div class="moduletable">
<h3>Polls</h3>
<form action="index.php" method="post" name="form2">
<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 Media Player </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">
S5 Image Rotate </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">
S5 Tab Show </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">
Background Options </label>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div align="center">
<input type="submit" name="task_button" class="button" value="Vote" />
<input type="button" name="option" class="button" value="Results" onclick="document.location.href='/demo/mediaplate/index.php?option=com_poll&id=15:i-like-the'" />
</div>
</td>
</tr>
</table>
<input type="hidden" name="option" value="com_poll" />
<input type="hidden" name="task" value="vote" />
<input type="hidden" name="id" value="15" />
<input type="hidden" name="b49faedcd9733ae34c76039dce755b32" value="1" /></form> </div>
</div></li>
</ul>
</div>
</div>
</div>
</div>
<div id="s5_tabshow_bottomleft"></div>
<div id="s5_tabshow_bottommiddle" style="width:243px;"></div>
<div id="s5_tabshow_bottomright"></div>
<div style="clear:both;"></div>
</div>
</div>
</div>
</div>
</div>
<div class="module-rounded">
<div>
<div>
<div>
<h3>Newest Media Clips</h3>
<ul class="menu-menu"><li class="item134"><a href="javascript:;"><span>Star Trek (2009)</span></a></li><li class="item135"><a href="javascript:;"><span>Little Ashes</span></a></li><li class="item136"><a href="javacript:;"><span>X-Men Origins: Wolverine</span></a></li><li class="item137"><a href="javacript:;"><span>12 Rounds</span></a></li><li class="item138"><a href="javacript:;"><span>Benjamin Button</span></a></li></ul> </div>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div style="clear:both;padding-bottom:17px;"></div>
</div>
</div>
<!-- End Main Body -->
<!-- Bottom Positions -->
<div class="s5_wrap">
<div id="s5_bottomposoutter">
<div id="s5_bottomposout">
<div class="s5_backmiddlemiddle" style="color:#FFFFFF;padding-left:22px;">
<div id="s5_user3_20">
<div class="module">
<div>
<div>
<div>
<h3>Quick Links</h3>
<ul id="mainlevel-blevel"><li><a href="#" class="mainlevel-blevel" >Suggest a Site</a></li><li><a href="#" class="mainlevel-blevel" >Terms of Service</a></li><li><a href="#" class="mainlevel-blevel" >Help</a></li><li><a href="#" class="mainlevel-blevel" >Company Info</a></li><li><a href="#" class="mainlevel-blevel" >Privacy Policy</a></li></ul> </div>
</div>
</div>
</div>
</div>
<div id="s5_user4_20">
<div class="module">
<div>
<div>
<div>
<h3>Articles of Interest</h3>
<ul class="latestnews">
<li class="latestnews">
<a href="/demo/mediaplate/index.php?option=com_content&view=article&id=51:lorem-dolor-sit&catid=1:latest&Itemid=2" class="latestnews">
Lorem dolor sit</a>
</li>
<li class="latestnews">
<a href="/demo/mediaplate/index.php?option=com_content&view=article&id=50:lorem-ipsum-dolor-sit-amet&catid=1:latest&Itemid=2" class="latestnews">
Lorem ipsum dolor sit amet</a>
</li>
<li class="latestnews">
<a href="/demo/mediaplate/index.php?option=com_content&view=article&id=53:new-article&catid=1:latest&Itemid=2" class="latestnews">
News Article</a>
</li>
<li class="latestnews">
<a href="/demo/mediaplate/index.php?option=com_content&view=article&id=52:display-news&catid=1:latest&Itemid=139" class="latestnews">
Display News</a>
</li>
<li class="latestnews">
<a href="/demo/mediaplate/index.php?option=com_content&view=article&id=46:2-custom-backgrounds&catid=1:latest&Itemid=105" class="latestnews">
2 Custom Backgrounds</a>
</li>
</ul> </div>
</div>
</div>
</div>
</div>
<div id="s5_user5_20">
<div class="module">
<div>
<div>
<div>
<h3>Popular Items</h3>
<ul class="mostread">
<li class="mostread">
<a href="/demo/mediaplate/index.php?option=com_content&view=article&id=13:s5-no-moomenu&catid=1:latest&Itemid=28" class="mostread">
S5 No-MooMenu</a>
</li>
<li class="mostread">
<a href="/demo/mediaplate/index.php?option=com_content&view=article&id=14:23-module-positions&catid=1:latest&Itemid=49" class="mostread">
23 Module Positions</a>
</li>
<li class="mostread">
<a href="/demo/mediaplate/index.php?option=com_content&view=article&id=12:typography&catid=1:latest&Itemid=27" class="mostread">
Typography</a>
</li>
<li class="mostread">
<a href="/demo/mediaplate/index.php?option=com_content&view=article&id=19:lytebox-setup&catid=1:latest&Itemid=70" class="mostread">
LyteBox Setup</a>
</li>
<li class="mostread">
<a href="/demo/mediaplate/index.php?option=com_content&view=article&id=17:installing-mediaplate&catid=1:latest&Itemid=53" class="mostread">
Installing Mediaplate</a>
</li>
</ul> </div>
</div>
</div>
</div>
</div>
<div id="s5_user6_20">
<div class="module">
<div>
<div>
<div>
<h3>Menu Links</h3>
<ul id="mainlevel-nav"><li><a href="/demo/mediaplate/index.php" class="mainlevel-nav" >Home</a></li><li><a href="/demo/mediaplate/index.php?option=com_contact&view=contact&id=1&Itemid=18" class="mainlevel-nav" >Contact Us</a></li><li><a href="/demo/mediaplate/index.php?option=com_content&task=section&id=1&Itemid=19" class="mainlevel-nav" >News</a></li><li><a href="/demo/mediaplate/index.php?option=com_weblinks&Itemid=20" class="mainlevel-nav" >Links</a></li></ul> </div>
</div>
</div>
</div>
</div>
<div id="s5_user7_20">
<div class="module">
<div>
<div>
<div>
<div class="module"> <div> <div> <div> <h3>Validate Template</h3> <ul><li><a class="mainlevel-top" href="http://validator.w3.org/check?uri=http://www.shape5.com/demo/mediaplate/&charset=(detect+automatically)&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.606" target="_blank">Validate XHTML</a></li><li><a class="mainlevel-top" href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.shape5.com/demo/mediaplate/&warning=1&profile=css3&usermedium=all" target="_blank">Validate CSS</a></li></ul> </div> </div> </div> </div> </div>
</div>
</div>
</div>
<div class="module-title">
<div>
<div>
<div>
<h3>Who's Online</h3>
We have 6 guests online </div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
</div>
</div>
<!-- End Bottom Positions -->
<!-- Footer -->
<div class="s5_wrap">
<div id="s5_footerl"></div>
<div id="s5_footerm">
<div id="s5_footermiddle">
<div id="s5_footermenu">
<div class="moduletable">
<ul id="mainlevel-bottom"><li><a href="/demo/mediaplate/index.php?option=com_content&view=frontpage&Itemid=42" class="mainlevel-bottom" >Home</a></li><li><a href="/demo/mediaplate/index.php?option=com_contact&view=category&Itemid=43" class="mainlevel-bottom" >Contact Us</a></li><li><a href="/demo/mediaplate/index.php?option=com_search&Itemid=44" class="mainlevel-bottom" >Search</a></li><li><a href="javascript:;" class="mainlevel-bottom" >About Us</a></li><li><a href="/demo/mediaplate/index.php?option=com_content&task=category&sectionid=3&id=7&Itemid=46" class="mainlevel-bottom" >FAQs</a></li></ul> </div>
</div>
<div id="s5_footercopyright">
<span class="footerc">
Copyright © 2009. Mediaplate.
Designed by <a href="http://www.shape5.com/" class="footerc" title="Visit Shape5.com" target="blank">Shape5.com</a>
</span>
</div>
</div>
</div>
<div id="s5_footerr"></div>
</div>
<!-- End Footer -->
<div style="clear:both;padding-bottom:40px;"></div>
<script type="text/javascript" src="http://www.shape5.com/demo/mediaplate/templates/mediaplate/js/s5_suckerfish.js"></script>
<script type="text/javascript" src="http://www.shape5.com/demo/mediaplate/templates/mediaplate/js/s5_textmenu.js"></script>
<script type="text/javascript" src="http://www.shape5.com/demo/mediaplate/templates/mediaplate/js/tooltips.js"></script>
<script type="text/javascript" src="http://www.shape5.com/demo/mediaplate/templates/mediaplate/js/s5_box.js"></script>
</div>
</body>
</html>
<--------------------css kodu-------------------->
h1#title{display: none;}
h2#title span {display: none;}div.header{display: none;}li.nav_element{list-style-type: none;}li.nav_element{display: none;}
______________
Dersim-Online Yeni Tasarımla Karşınızda!
