&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;style&nbsp;type=&quot;text/css&quot;&gt;<br />
<br />
#maviblokmenu{<br />
border:&nbsp;1px&nbsp;solid&nbsp;black;<br />
border-bottom-width:&nbsp;0;<br />
width:&nbsp;185px;<br />
}<br />
<br />
#maviblokmenu&nbsp;ul{<br />
margin:&nbsp;0;<br />
padding:&nbsp;0;<br />
list-style-type:&nbsp;none;<br />
font:&nbsp;normal&nbsp;90%&nbsp;'Trebuchet&nbsp;MS',&nbsp;'Lucida&nbsp;Grande',&nbsp;Arial,&nbsp;sans-serif;<br />
}<br />
<br />
#maviblokmenu&nbsp;li&nbsp;a{<br />
display:&nbsp;block;<br />
padding:&nbsp;3px&nbsp;0;<br />
padding-left:&nbsp;9px;<br />
width:&nbsp;169px;&nbsp;<br />
text-decoration:&nbsp;none;<br />
color:&nbsp;white;<br />
background-color:&nbsp;#2175dd;<br />
border-bottom:&nbsp;1px&nbsp;solid&nbsp;#90bade;<br />
border-left:&nbsp;7px&nbsp;solid&nbsp;#1958b7;<br />
}<br />
<br />
*&nbsp;html&nbsp;#maviblokmenu&nbsp;li&nbsp;a{&nbsp;<br />
width:&nbsp;169px;&nbsp;<br />
width:&nbsp;169px;&nbsp;<br />
}<br />
<br />
#maviblokmenu&nbsp;li&nbsp;a:hover&nbsp;{<br />
background-color:&nbsp;#000069;<br />
border-left-color:&nbsp;#000099;<br />
}<br />
<br />
#maviblokmenu&nbsp;div.menutitle{<br />
color:&nbsp;white;<br />
border-bottom:&nbsp;1px&nbsp;solid&nbsp;black;<br />
padding:&nbsp;1px&nbsp;0;<br />
padding-left:&nbsp;5px;<br />
background-color:&nbsp;black;<br />
font:&nbsp;bold&nbsp;100%&nbsp;'Trebuchet&nbsp;MS',&nbsp;Arial,&nbsp;sans-serif;<br />
}<br />
&lt;/style&gt;<br />
&lt;meta&nbsp;http-equiv=&quot;Content-Type&quot;&nbsp;content=&quot;text/html;&nbsp;charset=windows-1254&quot;&gt;<br />
&lt;title&gt;Dinamik&nbsp;Css&nbsp;Men&uuml;&lt;/title&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;div&nbsp;id=&quot;maviblokmenu&quot;&nbsp;style=&quot;width:&nbsp;171px;&nbsp;height:&nbsp;315px&quot;&gt;<br />
&lt;div&nbsp;class=&quot;menutitle&quot;&gt;Dynamic&nbsp;Drive&lt;/div&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.dynamicdrive.com&quot;&gt;Ana&nbsp;Sayfa&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.dynamicdrive.com/new.htm&quot;&gt;En&nbsp;Yeniler&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.dynamicdrive.com/revised.htm&quot;&gt;Son&nbsp;D&uuml;zenlenenler&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.dynamicdrive.com/forums/&quot;&gt;Forum&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;div&nbsp;class=&quot;menutitle&quot;&gt;Css&nbsp;Kodları&lt;/div&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.dynamicdrive.com/style/csslibrary/category/C1/&quot;&gt;Yatay&nbsp;CSS&nbsp;Men&uuml;&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.dynamicdrive.com/style/csslibrary/category/C2/&quot;&gt;D&uuml;şey&nbsp;CSS&nbsp;Men&uuml;&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.dynamicdrive.com/style/csslibrary/category/C4/&quot;&gt;Resim&nbsp;Effektleri&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.dynamicdrive.com/style/csslibrary/category/C6/&quot;&gt;Form&nbsp;Effektleri&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.dynamicdrive.com/style/csslibrary/category/C5/&quot;&gt;Kutu&nbsp;&amp;&nbsp;Şekiller&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.dynamicdrive.com/style/csslibrary/category/C7/&quot;&nbsp;style=&quot;border-bottom-color:&nbsp;black&quot;&gt;Linkler&nbsp;&amp;&nbsp;Buttonlar&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;<br />
&lt;div&nbsp;class=&quot;menutitle&quot;&gt;Kod&nbsp;Kaynakları&lt;/div&gt;&lt;ul&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.mydesign.gen.tr&quot;&gt;MyDesign&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.hazircod.com&quot;&gt;HazırKod&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.aspindir.com&quot;&gt;Aspİndir&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.php.org.tr&quot;&gt;PHP&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.javascriptindir.com&quot;&nbsp;style=&quot;border-bottom-color:&nbsp;black&quot;&gt;Javascript&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;<br />
&lt;div&nbsp;class=&quot;menutitle&quot;&gt;&Ccedil;eviri&lt;/div&gt;&lt;ul&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;http://www.saab.tr.cx&quot;&nbsp;&nbsp;onclick=&quot;alert('Dikkat!&nbsp;Bu&nbsp;web&nbsp;adresi&nbsp;yandaki&nbsp;men&uuml;y&uuml;&nbsp;yazan&nbsp;kişiye&nbsp;aittir.&nbsp;Bulunduğunuz&nbsp;web&nbsp;adresi&nbsp;ile&nbsp;bir&nbsp;ilgisi&nbsp;yoktur')&quot;&gt;www.saab.tr.cx&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a&nbsp;href=&quot;mailto:ksabitk@hotmail.com&quot;&nbsp;style=&quot;border-bottom-color:&nbsp;black&quot;&nbsp;onclick=&quot;alert('Dikkat!&nbsp;Bu&nbsp;mail&nbsp;yandaki&nbsp;men&uuml;y&uuml;&nbsp;yazan&nbsp;kişiye&nbsp;aittir&nbsp;web&nbsp;adresi&nbsp;ile&nbsp;bir&nbsp;ilgisi&nbsp;yoktur')&quot;&gt;ksabitk@hotmail.com&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
<br />
&lt;/body&gt;&lt;/html&gt;<br />