Aktif-Blog

Sitene Yatay Css Menuler

MErhabalar Şimdi Sizlere GRi-Beyaz Yata Men&uuml; Css Ve Html Kodlarını Sırayla Nereye Yapıştırcaksınız Onu G&ouml;streceğim. Fazla S&ouml;ze Gerek Yok Men&uuml; Kendini Anlatıyor Zaten <br />
<br />
Şık Yan Men&uuml; Kodları :<br />
<br />
Css B&ouml;l&uuml;m&uuml;ne Yapıştıracagınız Kodlar:<br />
<br />
<span style="font-size: small"><code>#MainMenu&nbsp; {&nbsp; width:500px;&nbsp; height:26px;&nbsp; background: url(&quot;&quot;);&nbsp; margin:0;&nbsp; border:0; } #tab&nbsp; {&nbsp; margin:0;&nbsp; to<br />
p:0; } #tab ul&nbsp; {&nbsp; margin:0;&nbsp; padding:0;&nbsp; list-style:none;&nbsp; float:left; } #tab li&nbsp; { display:inline;&nbsp; flo<br />
at:left;&nbsp; margin:0 0 0 0 ;&nbsp; padding:0; } #tab a&nbsp; {&nbsp; background:#000000 url(&quot;https://img.webme.com/pic/h/hazirkodlarvs/bright_036.gif&quot;) no-repeat right top;&nbsp; margin:0;&nbsp; padding:0;&nbsp; text-decoration:none;&nbsp; border:0;&nbsp; display:block;&nbsp; float:left; } #tab a span&nbsp; {&nbsp; display:block;&nbsp; background:url(&quot;https://img.webme.com/pic/h/hazirkodlarvs/bleft_036.gif&quot;) no-repeat left top;&nbsp; padding:0 18px 0 16px;&nbsp; font-family:Arial, Helvetica, sans-serif;&nbsp; font-size:11;&nbsp; color:#D43F00;&nbsp; font-weight:bold;&nbsp; line-height:26px; } #tab a:hover,#tab li.item_active a&nbsp; {&nbsp; background-position:right bottom;&nbsp; border-color:#000000; } #tab a:hover span,#tab li.item_active a span&nbsp; {&nbsp; background-position:left bottom;&nbsp; color:#000000;&nbsp; font-weight:bold;&nbsp; font-style:normal;&nbsp; text-decoration:none; } .dropmenudiv {&nbsp; position:absolute;&nbsp; top:0;&nbsp; float:left;&nbsp; display:block;&nbsp; visibility:hidden;&nbsp; border:0 solid #AA0000;&nbsp; background: url(&quot;https://img.webme.com/pic/h/hazirkodlarvs/bleft_036.gif&quot;);&nbsp; color:#AA1FAA;&nbsp; z-index:100;&nbsp; text-decoration:none;&nbsp; padding:0; } .dropmenudiv ul&nbsp; {&nbsp; margin:0;&nbsp; padding:0;&nbsp; list-style:none; } .dropmenudiv li&nbsp; {&nbsp; display:inline;&nbsp; margin:0;&nbsp; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited {&nbsp; width:500px;&nbsp; margin:0;&nbsp; padding:0;&nbsp; display:block;&nbsp; border:0 solid #000000;&nbsp; color:#000000;&nbsp; background:url(&quot;https://img.webme.com/pic/h/hazirkodlarvs/bleft_036.gif&quot;) no-repeat left top;&nbsp; font-weight:bold;&nbsp; font-style:normal;&nbsp; text-decoration:none; } .dropmenudiv a span&nbsp; {&nbsp; float:left;&nbsp; display:block; <br />
&nbsp;line-height:26px;&nbsp; background:url(&quot;https://img.webme.com/pic/h/hazirkodlarvs/bright_036.gif&quot;) no-repeat right top;&nbsp; padding:0 18px 0 16px;&nbsp; font-family:Arial, Helvetica, sans-serif;&nbsp; font-size:11;&nbsp; color:#000000; } .dropmenudiv a span&nbsp; {&nbsp; float:none; } .dropmenudiv a:hover {&nbsp; border:0 solid #000000;&nbsp; background-position:left bottom;&nbsp; font-weight:bold;&nbsp; font-style:normal;&nbsp; text-decoration:none;&nbsp; color:#000000; } .dropmenudiv a:hover span&nbsp; {&nbsp; background-position:right bottom;&nbsp; color:#000000;&nbsp; font-weight:bold; }&nbsp; </code></span><br />
<br />
<br />
Şimdide Men&uuml;y&uuml; Nereye Koycaksanız( Tsarım &Uuml;st&uuml; Vs...) Oraya Yapıştıracağınız Kodlar:<br />
<br />
<span style="font-size: small"><code>&lt;div id=&quot;MainMenu&quot; style=&quot;width: 700px; height: 52px&quot;&gt;<br />
&lt;div id=&quot;tab&quot;&gt;<br />
&lt;ul&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;http://Hazirkodlarvs.tr.gg&quot;&gt;&lt;span&gt;Hazırkodlarvs&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&lt;li&gt;&lt;a href=&quot;http://Hazirkodlarvs.tr.gg&quot;&gt;&lt;span&gt;Hazırkodlarvs&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;<br />
&nbsp; &lt;li&gt;&lt;a href=&quot;http://Hazirkodlarvs.tr.gg&quot;&gt;&lt;span&gt;Hazırkodlarvs&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;http://Hazirkodlarvs.tr.gg&quot;&gt;&lt;span&gt;Hazırkodlarvs&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;http://Hazirkodlarvs.tr.gg&quot;&gt;&lt;span&gt;Hazırkodlarvs&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp; &lt;li&gt;&amp;nbsp;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;</code></span><br />
<br />
Şimdide Bu kodları Yapıştırdıkdan Sonra&nbsp;Aşşağıdaki Gibi Bir G&ouml;r&uuml;n&uuml;m Alacak<br />
<br />
<br />
&Ouml;NİZLEME :<br />
<br />
<br />
<br />
<code><style type="text/css">
#MainMenu  {  width:500px;  height:26px;  background: url("");  margin:0;  border:0; } #tab  {  margin:0;  to
p:0; } #tab ul  {  margin:0;  padding:0;  list-style:none;  float:left; } #tab li  { display:inline;  flo
at:left;  margin:0 0 0 0 ;  padding:0; } #tab a  {  background:#000000 url("https://img.webme.com/pic/h/hazirkodlarvs/bright_036.gif") no-repeat right top;  margin:0;  padding:0;  text-decoration:none;  border:0;  display:block;  float:left; } #tab a span  {  display:block;  background:url("https://img.webme.com/pic/h/hazirkodlarvs/bleft_036.gif") no-repeat left top;  padding:0 18px 0 16px;  font-family:Arial, Helvetica, sans-serif;  font-size:11;  color:#D43F00;  font-weight:bold;  line-height:26px; } #tab a:hover,#tab li.item_active a  {  background-position:right bottom;  border-color:#000000; } #tab a:hover span,#tab li.item_active a span  {  background-position:left bottom;  color:#000000;  font-weight:bold;  font-style:normal;  text-decoration:none; } .dropmenudiv {  position:absolute;  top:0;  float:left;  display:block;  visibility:hidden;  border:0 solid #AA0000;  background: url("https://img.webme.com/pic/h/hazirkodlarvs/bleft_036.gif");  color:#AA1FAA;  z-index:100;  text-decoration:none;  padding:0; } .dropmenudiv ul  {  margin:0;  padding:0;  list-style:none; } .dropmenudiv li  {  display:inline;  margin:0;  padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited {  width:500px;  margin:0;  padding:0;  display:block;  border:0 solid #000000;  color:#000000;  background:url("https://img.webme.com/pic/h/hazirkodlarvs/bleft_036.gif") no-repeat left top;  font-weight:bold;  font-style:normal;  text-decoration:none; } .dropmenudiv a span  {  float:left;  display:block;
 line-height:26px;  background:url("https://img.webme.com/pic/h/hazirkodlarvs/bright_036.gif") no-repeat right top;  padding:0 18px 0 16px;  font-family:Arial, Helvetica, sans-serif;  font-size:11;  color:#000000; } .dropmenudiv a span  {  float:none; } .dropmenudiv a:hover {  border:0 solid #000000;  background-position:left bottom;  font-weight:bold;  font-style:normal;  text-decoration:none;  color:#000000; } .dropmenudiv a:hover span  {  background-position:right bottom;  color:#000000;  font-weight:bold; }  </style>
<div id="MainMenu" style="width: 400px; height: 52px">
<div id="tab">
<ul>
    <li><a href="http://Aktif-blog.tr.gg"><span>Hazırkodlarvs</span></a></li>
    <li><a href="http://aktif-blog.tr.gg"><span>Hazırkodlarvs</span></a></li>

</ul>
</div>
</div>
</code>