Profesional Gamers

**Mesaje :** **230** **Membru Din :** **02/02/2014**

Previzualizare live: http://frannnta-design.forumotion.com/h60-profesional-gamers
Nume: Index by Me
Autor: Aditzu. [ eu doar l-am modificat si tradus ]
Culori: negru,albastru
Dificultate: 5/5
Cod :

Cod:: <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" /><link href="http://i56.servimg.com/u/f56/17/38/19/69/t99vo510.png" rel="shortcut icon" /><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><title>TITLU INDEX</title><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald:400,700,300" />
<link href="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/css/blue_css/main.css" rel="stylesheet" /><link href="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/css/blue_css/devices.css" rel="stylesheet" /><link href="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/css/blue_css/paralax_slider.css" rel="stylesheet" /><link media="screen" type="text/css" href="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/css/blue_css/jquery.fancybox.css?v=2.1.2" rel="stylesheet" /><link href="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/css/blue_css/bxSlider.css" rel="stylesheet" />
<link href="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/css/blue.css" title="blue-bg" media="screen" type="text/css" rel="alternate stylesheet" /><link href="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/css/red.css" title="red-bg" media="screen" type="text/css" rel="alternate stylesheet" /><link href="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/css/space.css" title="space-bg" media="screen" type="text/css" rel="alternate stylesheet" /><link href="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/css/fiber.css" title="carbon-bg" media="screen" type="text/css" rel="alternate stylesheet" /><link href="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/css/morning.css" title="morning-bg" media="screen" type="text/css" rel="alternate stylesheet" /><style>
html {
background: url("http://i56.servimg.com/u/f56/17/38/19/69/backgr10.jpg") repeat scroll left top transparent;
}
body {
background: url("http://i56.servimg.com/u/f56/17/38/19/69/top_li10.jpg") no-repeat scroll center top transparent;
}
#footer_image {
background: url("http://i56.servimg.com/u/f56/17/38/19/69/footer10.jpg") no-repeat scroll center bottom transparent;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
body{
background:url(http://i56.servimg.com/u/f56/17/38/19/69/tablet10.jpg) no-repeat center top;
}
#footer_image {
background: url(http://i56.servimg.com/u/f56/17/38/19/69/tablet13.jpg) no-repeat center bottom ;
}
}
@media only screen and (max-width: 767px) {
body {
background:url(http://i56.servimg.com/u/f56/17/38/19/69/mobile12.jpg) no-repeat center top ;
}
#footer_image {
background: url(http://i56.servimg.com/u/f56/17/38/19/69/110.jpg) no-repeat center bottom;
}
}

/* Style switcher */
.style_switcher{
background: #FBFBFB;
width: 210px;
position: fixed;
top: 126px;
z-index: 9999;
left: 0px;
border-radius: 0 4px 4px 0;
border-right: 1px solid white;
border-bottom: 1px solid white;
font-family: 'TitilliumText22LMedium', Arial, sans-serif;
-webkit-box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.4);
box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.4);
z-index:10000000;
height:240px;
}
.sheader{
float:left;
background:#1d1d1d;
width:185px;
padding:13px;
text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
font-family:'Oswald', Helvetica, Arial, sans-serif;
color:#fff;
display:block;
float:left;
font-size:14px;
font-weight:700;
text-transform:uppercase;
border-radius:0px 3px 0px 0px;
background: #474646;
height:15px;
}
.sp{
padding:10px 10px 0px 10px;
float:left;
color:#333;
}
.sul{
list-style:none;
padding:0;
margin:0;
float:left;
width:190px;
margin-left:6px;
}
.sul li{
margin:0px 5px 5px 5px;
float:left;
width:45px;
height:45px;
border-radius:0px;
border:1px solid #333;
}
#switchform select{
width:180px;
padding:3px;
border-radius:3px;
border-color:#ccc;
background:#f1f1f1;
}
#switchform{
margin-left:10px;
width:180px
}
#menu-item-98 {
margin:0 0 0 -20px !important;
}
#menu-item-98 a {
padding:20px 20px 0 0 !important;
}
.comments a {
color:#fff !important;
}
</style>

<div id="footer_image">
<div id="main_wrapper">

<div id="logo"><a href="http://frannnta-design.forumotion.com"><img alt="logo" src="http://s28.postimg.org/7pzc869zx/lpsd.png" /></a>
<div id="social_ctn">
<center>
<a class="social_t"><img src="http://i56.servimg.com/u/f56/17/38/19/69/210.png" alt="alt_example" /></a><a id="rss" href="LINK META RSS"><img style="width: 100%; height: 37px;" src="http://i56.servimg.com/u/f56/17/38/19/69/310.gif" alt="alt_example" /></a><a id="facebook" href="https://www.facebook.com"><img style="width: 100%; height: 37px;" src="http://i56.servimg.com/u/f56/17/38/19/69/410.gif" alt="alt_example" /></a><a id="twitter" href="LINK META TWITTER"><img style="width: 100%; height: 37px;" src="http://i56.servimg.com/u/f56/17/38/19/69/510.gif" alt="alt_example" /></a><a id="google_plus" href="https://www.google.ro"><img style="width: 100%; height: 37px;" src="http://i56.servimg.com/u/f56/17/38/19/69/610.gif" alt="alt_example" /></a><a id="you_tube" href="https://www.youtube.com"><img style="width: 100%; height: 37px;" src="http://i56.servimg.com/u/f56/17/38/19/69/710.gif" alt="alt_example" /></a><a class="social_t"><img src="http://i56.servimg.com/u/f56/17/38/19/69/810.png" alt="alt_example" /></a>
</center>
</div>
</div>


<div id="main_in">

<div id="menu_wrapper">
<div id="menu_left">
</div>
<ul id="menu">
<li>
<a href="">MENIU 1</a>
</li>
<div class="menu-main-container">
<ul class="menu" id="menu-main">
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-90 current_page_item menu-item-92" id="menu-item-92">
<a href="LINK MENU">MENU2</a>
</li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-50" id="menu-item-50">
<a href="LINK MENU">MENU3</a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-99" id="menu-item-99">
<a href="LINK SUB MENU">SUB MENU 3</a>
</li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-100" id="menu-item-100">
<a href="LINK SUB MENU">SUB MENU3</a>
</li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-101" id="menu-item-101">
<a href="LINK SUB MENU">SUB MENU 3</a>
</li>
</ul>
</li>
</ul>
</div>
</ul><a id="pull" href="#">Menu</a>
<div id="menu_right">
</div>
<div class="clear">
</div>
</div><style>
.banner_postimg{width:79px;height:63px;float:left;overflow:hidden;padding:0 0 10px 0;border:1px solid #E50505;margin:7px 15px 0 12px}
</style>
<div id="homepage-carousel">
<div style="display:block;" class="homepage-news-item">
<div class="hpn-image">
<img style="width: 600px; height: 290px;" alt="3" class="attachment-post-thumbnail wp-post-image" src="http://i56.servimg.com/u/f56/17/38/19/69/111.jpg" />
</div>
<div class="hpn-info"><a class="news-title" href="LINK TEXT">TEXT</a>
</div>
</div>
<div style="display:block;" class="homepage-news-item">
<div class="hpn-image">
<img style="width: 600px; height: 290px;" alt="1" class="attachment-post-thumbnail wp-post-image" src="http://i56.servimg.com/u/f56/17/38/19/69/210.jpg" />
</div>
<div class="hpn-info"><a class="news-title" href="LINK LA TEXT">TEXT</a>
</div>
</div>
<div style="display:block;" class="homepage-news-item">
<div class="hpn-image">
<img style="width: 600px; height: 290px;" alt="2" class="attachment-post-thumbnail wp-post-image" src="http://i56.servimg.com/u/f56/17/38/19/69/310.png" />
</div>
<div class="hpn-info"><a class="news-title" href="LINK PT TEXT">TEXT</a>
</div>
</div>
</div>

<div id="homepage-tab-carousel"><img src="http://i56.servimg.com/u/f56/17/38/19/69/410.png" id="btd" alt="alt_example" />
<div class="tabs">
<div class="banner_postimg"><img style="width: 63px; height: 63px;" alt="3" class="attachment-79x63 wp-post-image" src="http://i56.servimg.com/u/f56/17/38/19/69/510.jpg" />
</div>
<h2>
TITLU
</h2>
<p>
DESCRIERE
</p>
</div>
<div class="tabs">
<div class="banner_postimg"><img style="width: 63px; height: 63px;" alt="1" class="attachment-79x63 wp-post-image" src="http://i56.servimg.com/u/f56/17/38/19/69/610.jpg" />
</div>
<h2>
TITLU
</h2>
<p>
DESCRIERE
</p>
</div>
<div class="tabs">
<div class="banner_postimg"><img style="width: 63px; height: 63px;" alt="2" class="attachment-79x63 wp-post-image" src="http://i56.servimg.com/u/f56/17/38/19/69/710.png" />
</div>
<h2>
TITLU
</h2>
<p>
DESCRIERE
</p>
</div>
</div>
<div class="top_shadow">
</div>
<div id="main_news_wrapper">
<div id="row">

<div id="left_wrapper">
<div class="header">
<h2>
<span>TEXT !</span> TEXT !!
</h2>
</div>
<ul id="general_news">
<li>
<div class="image"><img style="width: 900px; height: 469px;" alt="3" class="attachment-post-thumbnail wp-post-image" src="http://i56.servimg.com/u/f56/17/38/19/69/811.png" />
</div>
<div class="info">
<h2>
<a href="">TITLU </a>
</h2>
<p>
DESCRIERE :
</p>
</div>
</li>
</ul>
<ul id="general_news">
<li>
<div class="image"><img style="width: 900px; height: 636px;" alt="11" class="attachment-post-thumbnail wp-post-image" src="http://i56.servimg.com/u/f56/17/38/19/69/910.png" />
</div>
<div class="info">
<h2>
<a href="">TITLU </a>
</h2>
<p>
DESCRIERE <MUȚUMIM<br />
</p>
<p>
</p>
</div>
<div class="clear">
</div>
</li>
</ul>
<ul id="general_news">
<li>
<div class="image"><img style="width: 900px; height: 636px;" alt="11" class="attachment-post-thumbnail wp-post-image" src="http://i56.servimg.com/u/f56/17/38/19/69/1010.jpg" />
</div>
<div class="info">
<h2>
<a href=""> TITLU </a>
</h2>
<p>
DESCRIERE
</p>
<div class="clear">
</div>
</div>
</li>
</ul>

<ul id="pager">
<li>

</li>
</ul>
<div class="clear">
</div>
</div>
<div id="right_wrapper">
<div id="search">
<form action="" id="searchform" method="get"><input id="s" class="required" name="s" value="search" onfocus="if (this.value == 'search') this.value=''" onblur="if(this.value =='') this.value='search'" type="text" /><input value="" type="submit" />
</form>
</div>
<div class="review">
<div class="header">
TEXT
</div>
<ul>
<li>
<div class="img">
<a href="LINK"><img style="width: 802px; height: 636px;" alt="1" class="attachment-post-thumbnail wp-post-image" src="http://i56.servimg.com/u/f56/17/38/19/69/1110.png" /></a>
</div>
<div class="info"><a href="LINK" "=""><strong>TEXT AICI</strong></a><br /><span style="font-size: smaller;"><a title="" href="LINK">TEXT 2 AICI</a></span><br /><img src="http://i56.servimg.com/u/f56/17/38/19/69/1111.png" alt="alt_example" />
</div>
</li>
</ul>
</div>
<div class="right_navi">
<div class="latest_text">
<h1>
TEXT
</h1>
</div>
<ul id="recentcomments">
<li class="recentcomments">
TEXT1 – <a href="LINK PENTRU TEXT">Show more</a>
</li>
<li class="recentcomments">
TEXT2 – <a href="LINK PENTRU TEXT">Show more</a>
</li>
<li class="recentcomments">
TEXT3 – <a href="LINK PENTRU TEXT">Show more</a>
</li>
<li class="recentcomments">
TEXT4 – <a href="LINK PENTRU TEXT">Show more</a>
</li>
<li class="recentcomments">
TEXT5 – <a href="LINK PENTRU TEXT">Show more</a>
</li>
</ul>
<div class="bootom_image">
</div>
</div>
<div class="right_navi">
<div class="latest_text">
<h1>
LINK-URI
</h1>
</div>
<ul>
<li class="cat-item cat-item-6">
<a title="DESCRIERE.." href="LINK1 REDIRECT">LINK1</a>
</li>
<li class="cat-item cat-item-2">
<a title="DESCRIERE..." href="LINK1 REDIRECT">LINK2</a>
</li>
</ul>
<div class="bootom_image">
</div>
</div>

</div>
<div class="clear">
</div>
</div>
</div>
<div class="bottom_shadow">
</div>
<div class="main_advert"><a target="_blank" href="LINK RECLAMA"><img src="http://i56.servimg.com/u/f56/17/38/19/69/z37yhr10.png" /></a>
</div>
<div id="footer">
<div class="row">
<div class="footer_widget">
<div class="foot_navi">
<div class="text_pro">
<h1 style="height: 14px;">
LIBER
</h1>
</div>
<div class="latest-twitter-tweet">
- LIBER
</div>
<div class="latest-twitter-tweet">
- LIBER
</div>
<div class="latest-twitter-tweet">
- LIBER
</div>
<div class="latest-twitter-tweet">
- LIBER
</div>
<div class="latest-twitter-tweet">
- LIBER
</div>
</div>
</div>
<div class="divider_footer">
</div>
<div id="latest_media">
<h1>
PARTENERIATE
</h1>
<div class="body">
<ul style="margin-top:10px;margin-left:10px;" id="l_media_list">
<li>
<a rel="gallery" href="LINK PARTENERIAT" class="shadowbox"><img src="http://i56.servimg.com/u/f56/17/38/19/69/rb4fpy10.png" alt="alt_example" /></a>
</li>
<li>
<a rel="gallery" href="LINK PARTENERIAT" class="shadowbox"><img src="http://i56.servimg.com/u/f56/17/38/19/69/rb4fpy10.png" alt="alt_example" /></a>
</li>
<li>
<a rel="gallery" href="LINK PARTENERIAT" class="shadowbox"><img src="http://i56.servimg.com/u/f56/17/38/19/69/rb4fpy10.png" alt="alt_example" /></a>
</li>
<li>
<a rel="gallery" href="LINK PARTENERIAT" class="shadowbox"><img src="http://i56.servimg.com/u/f56/17/38/19/69/rb4fpy10.png" alt="alt_example" /></a>
</li>
<li>
<a rel="gallery" href="LINK PARTENERIAT" class="shadowbox"><img src="http://i56.servimg.com/u/f56/17/38/19/69/rb4fpy10.png" alt="alt_example" /></a>
</li>
<li>
<a rel="gallery" href="LINK PARTENERIAT" class="shadowbox"><img src="http://i56.servimg.com/u/f56/17/38/19/69/rb4fpy10.png" alt="alt_example" /></a>
</li>
<li>
<a rel="gallery" href="LINK PARTENERIAT" class="shadowbox"><img src="http://i56.servimg.com/u/f56/17/38/19/69/rb4fpy10.png" alt="alt_example" /></a>
</li>
<li>
<a rel="gallery" href="LINK PARTENERIAT" class="shadowbox"><img src="http://i56.servimg.com/u/f56/17/38/19/69/rb4fpy10.png" alt="alt_example" /></a>
</li>
<li>
<a rel="gallery" href="LINK PARTENERIAT" class="shadowbox"><img src="http://i56.servimg.com/u/f56/17/38/19/69/rb4fpy10.png" alt="alt_example" /></a>
</li>
<li>
<a rel="gallery" href="LINK PARTENERIAT" class="shadowbox"><img src="http://i56.servimg.com/u/f56/17/38/19/69/rb4fpy10.png" alt="alt_example" /></a>
</li>
</ul>
</div>
</div>
<div class="clear">
</div>
</div>
</div>

<div class="clear">
</div>

</div>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script><script type="text/javascript" src="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/js/javascript/jquery.carouFredSel-6.1.0.js"></script><script type="text/javascript" src="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/js/javascript/jquery.cslider.js"></script><script type="text/javascript" src="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/js/javascript/modernizr.custom.28468.js"></script><script type="text/javascript" src="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/js/javascript/getTweet.js"></script><script type="text/javascript" src="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/js/javascript/jquery.fancybox.js?v=2.1.3"></script><script type="text/javascript" src="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/js/javascript/styleswitch.js"></script><script type="text/javascript" src="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/js/javascript/jquery.tabSlideOut.v1.3.js"></script><script type="text/javascript">
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will become your tab
pathToTabImage: 'http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/images/switcher.png', //path to the image for the tab //Optionally can be set using css
imageHeight: '50px', //height of tab image //Optionally can be set using css
imageWidth: '50px', //width of tab image //Optionally can be set using css
tabLocation: 'left', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'click', //options: 'click' or 'hover', action to trigger animation
topPos: '200px', //position from the top/ use if tabLocation is left or right
leftPos: '20px', //position from left/ use if tabLocation is bottom or top
fixedPosition: false //options: true makes it stick(fixed position) on scroll
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
// Using default configuration
$("#sd").carouFredSel();
// Using custom configuration
$("#hot_news_box").carouFredSel({
items : 1,
direction : "right",
prev: '#prev',
next: '#next',
scroll : {
items : 1,
height : 250,
easing : "quadratic",
duration : 2000,
pauseOnHover : true
}
});
})
</script>
<script type="text/javascript">
$(function() {
$('#da-slider').cslider({
autoplay : true,
bgincrement : 450
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
/*
* Simple image gallery. Uses default settings
*/
$('.shadowbox').fancybox();
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$('#menu li').bind('mouseover', openSubMenu);
$('#menu li').bind('mouseout', closeSubMenu);
function openSubMenu() {
$(this).find('ul').css('visibility', 'visible');
};
function closeSubMenu() {
$(this).find('ul').css('visibility', 'hidden');
};
});
</script><script type="text/javascript">
$(function() {
var pull = $('#pull');
menu = $('ul#menu');
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 767 && $('ul#menu').css('visibility', 'hidden')) {
$('ul#menu').removeAttr('style');
};
var menu = $('#menu_wrapper').width();
$('#pull').width(menu - 20);
});
});
</script><script type="text/javascript">
$(function() {
var menu = $('#menu_wrapper').width();
$('#pull').width(menu - 20);
});
</script><script type="text/javascript" src="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/js/javascript/jquery.bxSlider.min.js"></script><script type="text/javascript" src="http://skywarriorthemes.com/orizon/wp/blue/wp-content/themes/orizon_switcher/js/javascript/getTweet.js"></script>
<script type="text/javascript">
jQuery(function ($) {
$('#homepage-carousel').bxSlider({
'prev': false
, 'next': false
, mode : 'fade'
, pager: true
});
$('.homepage-news-item').show();
var x = $('div.tabs');
$.each(x, function (i) {
var f = i + 1;
$('.pager-' + f).empty();
$(this).appendTo('.pager-' + f);
});
});
</script>
</div>