Как да променя цвета, да направя да има къщичка от лявата страна на менюто [Повече инфо в темата]

Мнение от **Goddness** » 17 Яну 2019, 21:13

Здравейте,
искам да попитам как да сменя цвета, да направя да има къщичка (начало) от лявата страна и как да направя отгоре вместо бяло да е с друг цвят на менюто?

Screenshot_6.png

Мнение от **KnowN** » 17 Яну 2019, 21:26

Дай ми overall_header.html кода.

Мнение от **Goddness** » 17 Яну 2019, 21:40

KnowN написа: ↑17 Яну 2019, 21:26 Дай ми overall_header.html кода.

Код за потвърждение: Избери целия код

<!DOCTYPE html>
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" />
{META}
<title><!-- IF UNREAD_NOTIFICATIONS_COUNT -->({UNREAD_NOTIFICATIONS_COUNT}) <!-- ENDIF --><!-- IF not S_VIEWTOPIC and not S_VIEWFORUM -->{SITENAME} - <!-- ENDIF --><!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}<!-- IF S_VIEWTOPIC or S_VIEWFORUM --> - {SITENAME}<!-- ENDIF --></title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{{ path('phpbb_feed_index') }}"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{{ path('phpbb_feed_news') }}"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{{ path('phpbb_feed_forums') }}"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{{ path('phpbb_feed_topics') }}"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{{ path('phpbb_feed_topics_active') }}"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{{ path('phpbb_feed_forum', { forum_id : S_FORUM_ID } ) }}"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{{ path('phpbb_feed_topic', { topic_id : S_TOPIC_ID } ) }}"><!-- ENDIF -->
	<!-- EVENT overall_header_feeds -->
<!-- ENDIF -->

<!-- IF U_CANONICAL -->
	<link rel="canonical" href="{U_CANONICAL}">
<!-- ENDIF -->

<!--
	phpBB style name: prosilver
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:
-->

<!-- IF S_ALLOW_CDN -->
<script>
	WebFontConfig = {
		google: {
			families: ['Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese']
		}
	};

	(function(d) {
		var wf = d.createElement('script'), s = d.scripts[0];
		wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
		wf.async = true;
		s.parentNode.insertBefore(wf, s);
	})(document);
</script>
<!-- ENDIF -->
<link href="{T_FONT_AWESOME_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->

<!-- IF S_PLUPLOAD -->
	<link href="{T_THEME_PATH}/plupload.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->

<!-- IF S_COOKIE_NOTICE -->
	<link href="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->

<!--[if lte IE 9]>
	<link href="{T_THEME_PATH}/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<![endif]-->

<!-- EVENT overall_header_head_append -->

{$STYLESHEETS}

<!-- EVENT overall_header_stylesheets_after -->

</head>

	

<!-- EVENT overall_header_body_before -->

 	

	
		<!-- EVENT overall_header_headerbar_before -->
		

			<div id="header1">
<div id="logo1"></div>
<div id="adv1"> <script language="JavaScript">
<!--
function random_imglink(){
var myimages=new Array()

 
 
 
myimages[1]="http://i.imgur.com/ttcSAnM.gif"
 
  
 
 

var imagelinks=new Array()
 
 
 
imagelinks[1]="https://amxx-bg.info/forum"
 
 
 
 
 


var ry=Math.floor(Math.random()*myimages.length)

if (ry==0)
ry=1
document.write('<a href='+'"'+imagelinks[ry]+'"'+'><img src="'+myimages[ry]+'" border=0></a>')
}

random_imglink()

//-->

 
</script></div>
</div>
<div id="menu1"> 
<ul>
<li><a href="/index.php"><img height="28"  style="margin-top:-5px;" src="../img/home.png"></a></li>
<li><a href="/forum">Форум</a></li>
<li><a href="/servers.php">Сървъри</a></li>
<li><a href="/amxbans">Банлист</a></li>
<li><a href="/banners.php">Банери</a></li>
<li><a href="/team.php">Екип</a></li>
 <li><a href="/sms">СМС Услуги</a></li>
<li><a href="/contacts.php">Контакти</a></li>
 
 </ul>
 
 
 </div>


	 <div id="wrap">

	 
			<!-- EVENT overall_header_headerbar_after -->
	 	
		<!-- EVENT overall_header_navbar_before -->
		
	
		
		
		<!-- INCLUDE navbar_header.html -->


	
		
	<!-- EVENT overall_header_page_body_before -->

	
	
		
	
	
	<a id="start_here" class="anchor"></a>
	<div id="page-body" class="page-body" role="main">
		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="rules">
			<div class="inner">
				<strong>{L_INFORMATION}{L_COLON}</strong> {L_BOARD_DISABLED}
			</div>
		</div>
		</div>
		<!-- ENDIF -->

	

		
		
		
		<!-- EVENT overall_header_content_before -->

Мнение от **KnowN** » 17 Яну 2019, 21:46

Код за потвърждение: Избери целия код

<!DOCTYPE html>
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" />
{META}
<title><!-- IF UNREAD_NOTIFICATIONS_COUNT -->({UNREAD_NOTIFICATIONS_COUNT}) <!-- ENDIF --><!-- IF not S_VIEWTOPIC and not S_VIEWFORUM -->{SITENAME} - <!-- ENDIF --><!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}<!-- IF S_VIEWTOPIC or S_VIEWFORUM --> - {SITENAME}<!-- ENDIF --></title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{{ path('phpbb_feed_index') }}"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{{ path('phpbb_feed_news') }}"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{{ path('phpbb_feed_forums') }}"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{{ path('phpbb_feed_topics') }}"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{{ path('phpbb_feed_topics_active') }}"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{{ path('phpbb_feed_forum', { forum_id : S_FORUM_ID } ) }}"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{{ path('phpbb_feed_topic', { topic_id : S_TOPIC_ID } ) }}"><!-- ENDIF -->
	<!-- EVENT overall_header_feeds -->
<!-- ENDIF -->

<!-- IF U_CANONICAL -->
	<link rel="canonical" href="{U_CANONICAL}">
<!-- ENDIF -->

<!--
	phpBB style name: prosilver
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:
-->

<!-- IF S_ALLOW_CDN -->
<script>
	WebFontConfig = {
		google: {
			families: ['Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese']
		}
	};

	(function(d) {
		var wf = d.createElement('script'), s = d.scripts[0];
		wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
		wf.async = true;
		s.parentNode.insertBefore(wf, s);
	})(document);
</script>
<!-- ENDIF -->
<link href="{T_FONT_AWESOME_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->

<!-- IF S_PLUPLOAD -->
	<link href="{T_THEME_PATH}/plupload.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->

<!-- IF S_COOKIE_NOTICE -->
	<link href="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->

<!--[if lte IE 9]>
	<link href="{T_THEME_PATH}/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<![endif]-->

<!-- EVENT overall_header_head_append -->

{$STYLESHEETS}

<!-- EVENT overall_header_stylesheets_after -->

</head>

	

<!-- EVENT overall_header_body_before -->

 	

	
		<!-- EVENT overall_header_headerbar_before -->
		

			<div id="header1">
<div id="logo1"></div>
<div id="adv1"> <script language="JavaScript">
<!--
function random_imglink(){
var myimages=new Array()

 
 
 
myimages[1]="http://i.imgur.com/ttcSAnM.gif"
 
  
 
 

var imagelinks=new Array()
 
 
 
imagelinks[1]="https://amxx-bg.info/forum"
 
 
 
 
 


var ry=Math.floor(Math.random()*myimages.length)

if (ry==0)
ry=1
document.write('<a href='+'"'+imagelinks[ry]+'"'+'><img src="'+myimages[ry]+'" border=0></a>')
}

random_imglink()

//-->

 
</script></div>
</div>
<div id="menu1"> 
<ul>
<li><a href="/index.php"><img height="28"  style="margin-top:-5px;" src="https://i.imgur.com/0UzijG8.png"></a></li>
<li><a href="/forum">Форум</a></li>
<li><a href="/servers.php">Сървъри</a></li>
<li><a href="/amxbans">Банлист</a></li>
<li><a href="/banners.php">Банери</a></li>
<li><a href="/team.php">Екип</a></li>
 <li><a href="/sms">СМС Услуги</a></li>
<li><a href="/contacts.php">Контакти</a></li>
 
 </ul>
 
 
 </div>


	 <div id="wrap">

	 
			<!-- EVENT overall_header_headerbar_after -->
	 	
		<!-- EVENT overall_header_navbar_before -->
		
	
		
		
		<!-- INCLUDE navbar_header.html -->


	
		
	<!-- EVENT overall_header_page_body_before -->

	
	
		
	
	
	<a id="start_here" class="anchor"></a>
	<div id="page-body" class="page-body" role="main">
		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="rules">
			<div class="inner">
				<strong>{L_INFORMATION}{L_COLON}</strong> {L_BOARD_DISABLED}
			</div>
		</div>
		</div>
		<!-- ENDIF -->

	

		
		
		
		<!-- EVENT overall_header_content_before -->

YouTube · Мнение от **Scorpions95** » 17 Яну 2019, 22:02

МНЕНИЕТО Е СКРИТО ОТ СТРАНА НА МОДЕРАТОР! ЦЪКНИ ВЪРХУ ЛЕНТАТА ЗА ДА ГО ПРЕГЛЕДАШ.

Мнение от **Goddness** » 17 Яну 2019, 22:17

Scorpions95 написа: ↑17 Яну 2019, 22:02 я си дай тея настройки да видим как са
Общи ----> Настройки на форума

Screenshot_1.png

YouTube · Мнение от **MadNESs** » 17 Яну 2019, 22:50

Код за потвърждение: Избери целия код
<img height="28"  style="margin-top:-5px;" src="../img/home.png">

Провери дали изображението се намира там или липсва /img/home.png .

Мнение от **KnowN** » 17 Яну 2019, 22:51

Дай ми stylesheet.css кода и изтрий другите който си дал в темата, не можах да намеря нещо свързано с менюто там.

Мнение от **Psych0_91** » 18 Яну 2019, 01:11

Това за къщичката вече го има просто си оправи пътя към изображението или провери дали е там.
За това бялото трябва да дадеш stylesheet.css да видим кой css файлове са инклуднати може интеграцията да е в отделен файл или е писан направо в stylesheet.css

Мнение от **Goddness** » 18 Яну 2019, 20:20

Извинявам се, че сега го давам, но просто цял ден бях с приятели и така. Ето ви stylesheet.css:

Код за потвърждение: Избери целия код

/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.2.x style)
	Based on style:
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?v=3.2");
@import url("base.css?v=3.2");
@import url("utilities.css?v=3.2");
@import url("common.css?v=3.2");
@import url("links.css?v=3.2");
@import url("content.css?v=3.2");
@import url("buttons.css?v=3.2");
@import url("cp.css?v=3.2");
@import url("forms.css?v=3.2");
@import url("icons.css?v=3.2");
@import url("colours.css?v=3.2");
@import url("responsive.css?v=3.2");



/* Integraciq
------------------------------------------------------*/
body{
		background-image: url("https://imgur.com/vkj1VxP.png"); 
 
   background-repeat: no-repeat;
background-attachment: fixed;
 cursor:url("./images/hand.cur"), auto;
}

a:hover{
cursor:url("./images/pointer.cur"), auto;}

 ::-webkit-scrollbar{
	width: 10px;

background-color: #888;
border: 1px solid #444;
}

::-webkit-scrollbar-thumb{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0,0,0,.3); 
}


  #header1{
width: 1250px;
height: 159px;
margin-left: auto;
margin-right: auto;
}

#logo1{
width: 400px;
height: 100px;
		background-image: url("https://imgur.com/qDPX0ZX.png"); 
float: left;
margin-top: 35px;
margin-left: 25px;
}


#logo1:hover{
    opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
#adv1{
    width: 475px;
    height: 70px;
    background-image: url(./images/banerposition.png);
    float: right;
    margin-right: 30px;
    margin-top: 15px;
	    padding-left: 8px;
    padding-top:30px;
    transition: 0,9s;
}


#adv1:hover{
    transition: 0.7s;
    opacity: 0.8;
}

 #menu1{
width: 1260px;
height: 40px;
background-image: url('images/thead.png');
margin-left: auto;
margin-right: auto;
 margin-top: -13px;
border-bottom: 2px solid #444;
/*border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;*/
box-shadow: 0px 0px 4px 1px #d2d2d2;
 
}

#menu1 ul{
list-style: none;
margin: 0;
padding: 0;
}





#menu1 ul li {

 display: block;
 float: left;
 margin: 0px;
}

 #menu1 li a {
	 height: 40px;
	 display:block;
	 padding-left: 20px;
	 padding-right: 20px;
	 color: #bdbdbd;
	 text-transform: uppercase;
	 line-height: 43px;
	 font-family: Verdana, Helvetica, Arial, sans-serif;
	 font-size: 11px;
	 font-weight: bold;
	 text-decoration: none;
	 background: url(https://skywarriorthemes.com/orizon/blue/images/menu_hover.png);
}

#menu1 li a:hover{
height: 40px;
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
	text-decoration:none;
	color:#ccc;
	background-position:0px -66px
}

#wrap{
width: 1237px;
/*border-top-left-radius: 8px;
border-top-right-radius: 8px;*/
 
background-color: #fff;
background-position: center;
margin-left: auto;
margin-right: auto;
padding: 9px;
    box-shadow: 0px 0px 4px 4px #333333;
}

  a#return_to_ipbfs{
     opacity: 0.5;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

a#return_to_ipbfs:hover{ 
opacity: 1;
}

div#return_to_ipbfs{
opacity: 0.7;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
div#return_to_ipbfs:hover{ 
opacity: 1;
}

#footer{
width: 1259px;
height: 100px;
padding-top: 10px;
background-image: url('./images/footer.png');
margin-left: auto;
margin-right: auto;
 background-position: 50% 15%;
border-top: 4px solid #505461;
 
}

.footerlinks{
	float: right;
 margin: 0;
padding: 0;
 
text-decoration: none;
position: relative;
top: 5px;
 right: 15px;
}

.footerlinks ul{
list-style: none;
margin: 0;
padding: 0;
}

.footerlinks li {
 display: inline-block;
   border-right: 1px solid #666;
 height: 15px;
}

.footerlinks ul li {
 display: block;
 float: right;
padding-left: 10px;
 
padding-right: 10px;
 margin: 0px;
}

.footerlinks li a {
 display:block;
  text-shadow: 0 2px 0px #000;
  color: #ccc;
 
 font: 12px Verdana;
 text-transform: uppercase;
  padding-left: 3px;
  padding-right: 3px;
 font-weight: bold;
 text-decoration: none;
}
.footerlinks li a:hover{
height:15px;
border-bottom: 2px solid #ccc;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
color: #FFF;
transition: 0.2s;
 
}
.footerlogo { 
float: left;
 width: 400px;
height: 100px;
		background-image: url("https://i.imgur.com/l9thUkH.png"); 

 
}

.footeradds{
float: right;
  margin-right: -400px;
margin-top: 40px;

}



#footerdown{
width: 1260px;
 height: 30px;
 text-align: center;
 line-height: 30px;
 background-color: #111;
margin-bottom:10px;
 border-bottom: 2px solid #666;

opacity:0.7;
 font-size: 13px;
 color: #ccc;
 border-bottom-left-radius: 50px;
 border-bottom-right-radius:50px;
margin-left: auto;
margin-right: auto;
 
height: 32px;
border-top: 1px solid #333;
 }


.right{
	font-weight: normal;
	float: right;
margin-right: 30px;
color: #fff;
font-family: Verdana;
 
}
table.ipb_table2 {
    border-collapse: collapse;
    border-radius: 4px;
    width: 100%;
    background: white;
    text-align: left;
    font-size: 12px;
}

table.ipb_table2 th {
    border-bottom: 1px solid #ccc;
    border-collapse: collapse;
    padding: 2px;
    color: #444;
}

.short2 {
    font-weight: bold;
    color: rgb(248, 248, 248);
}	
	
}
.title {
     position: relative;
    z-index: 1;
    zoom: 1;
}
th {
    font-weight: bold;
    text-align: -internal-center;
}
td, th {
    display: table-cell;
    vertical-align: inherit;
}
a#return_to_ipbfs {
    opacity: 0.5;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.left{
	float: left;
margin-left: 30px;
font-family: Verdana;
 
	font-weight: normal;
color: #fff;
 
}

Кой е на линия