إضافة جديدة من أجمل الإضافات لبلوجر .. كخريطة أو أقسام

<link href='https://sites.google.com/site/uploadwdn/navigation.css?attredirects=0&d=1' rel='stylesheet' type='text/css'/>



<div id="container">

 <ul class="nav">

<li>

   <div class="nested">

    <a href="#"target="_blank">قسم 1</a>

    <ul>

<li><a href="#"target="_blank">تعديل 1</a></li>

<li><a href="#"target="_blank">تعديل 2</a></li>

<li><a href="#"target="_blank">تعديل 3</a></li>

<li><a href="#"target="_blank">تعديل 4</a></li>

</ul>

</div>

</li>

<li>

   <div class="turqoise-white nested">

    <a href="#"target="_blank">قسم 2</a>

    <ul>

<li><a href="#"target="_blank">تعديل 1</a></li>

<li><a href="#"target="_blank">تعديل 2</a></li>

<li><a href="#"target="_blank">تعديل 3</a></li>

<li><a href="#"target="_blank">تعديل 4</a></li>

</ul>

</div>

</li>

</ul>

<br />

 <br />

 <br />

 <br />

 <br />

 <br />

 <br />

 <br />




[color=#000000]


[/color]


 <br />

 <br />



 <ul class="nav">

<li>

   <div class="red-white nested">

    <a href="#"target="_blank">قسم 3</a>

    <ul>

<li><a href="#"target="_blank">تعديل 1</a></li>

<li><a href="#"target="_blank">تعديل 2</a></li>

<li><a href="#"target="_blank">تعديل 3</a></li>

<li><a href="#"target="_blank">تعديل 4</a></li>

</ul>

</div>

</li>

<li>

   <div class="ye-white nested">

    <a href="#"target="_blank">قسم 4</a>

    <ul>

<li><a href="#"target="_blank">تعديل 1</a></li>

<li><a href="#"target="_blank">تعديل 2</a></li>

<li><a href="#"target="_blank">تعديل 3</a></li>

<li><a href="#"target="_blank">تعديل 4</a></li>

</ul>

</div>

</li>

</ul>

</div>

<br>