لا تبخل بالمشاركة على مواقع التواصل الإجتماعي:

كود قائمة الروابط رقم 01 باللون الأزرق كالتالي:

<div class="d20bl">

<li><a href="#">الرئيسية</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 2</a></li>

<li><div class="d20blfixe"><a href="#">الرابط 3</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.3</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.4</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.5</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.6</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.7  </a></li></ul></li>

<li><div class="d20blfixe"><a href="#">الرابط 4</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.1</a></li>

<li><div class="d20blfixe"><a href="#">الرابط 4.2</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.2.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.2.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.2.3</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.3</a></li>

<li><div class="d20blfixe"><a href="#">الرابط 4.4</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.4.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.4.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.4.3</a></li></ul></li></ul></li>

<li><div class="d20blfixe"><a href="#">الرابط 5</a></div><ul>

<li><div class="d20blfixe"><a href="#">الرابط 5.1</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.1.1</a></li>

<li><div class="d20blfixe"><a href="#">الرابط 5.1.2</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">L. 5.1.2.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">L. 5.1.2.2</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.1.3</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.3</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.4</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.5</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.6</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.7</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 6</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">7 الرابط  </a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">8 الرابط </a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank" style="border-right:1px solid rgb(38,66,80);">9 الرابط </a></li>

<a href="http://youstaff.blogspot.com" style="display:none;">blogger</a>

</div>

<style type="text/css">
.d20bl, .d20bl ul{list-style: none;
text-align: center;z-index:999;padding: 0;margin: 0;}
.d20bl{width:925px;margin:0px auto;margin-top:0px;}
.d20bl li{float: left;}
.d20bl li ul{position: absolute;width: 125px;left: -999em;z-index:999;}
.d20bl li:hover ul ul {left: -999em;}
.d20bl li:hover ul ul ul{left: -999em;}
.d20bl li:hover ul, .d20bl li li:hover ul,.d20bl li li li:hover ul{left: auto;min-height:1%;}

.d20bl li ul {margin-left:-28px;border-top: 1px solid rgb(38,66,80);border-right: 1px solid rgb(38,66,80);width:144px;margin-top:-1px;}

.d20bl li ul li a {width:125px;}
.d20bl li ul ul{margin: -34px 0 0 144px;min-height: 0;}

.d20bl a {color:white;
background:rgb(38,66,80) url('http://1.bp.blogspot.com/-Tzv_jc_cOIA/T5mr8Ut_0ZI/AAAAAAAAACE/poWN6qq3oyA/s1600/onglet+fond+bleu+3.PNG ') no-repeat;border-bottom: 1px solid rgb(38,66,80);border-left: 1px solid rgb(38,66,80);padding:7px 9px; display:block;text-decoration: none; font-weight:bold;font-family: arial;font-size: 18px;line-height: 18px;}

.d20bl a:hover{color:#191970;background:white;}

.d20blfixe a:hover {color:white;
background:rgb(38,66,80) url('http://1.bp.blogspot.com/-Tzv_jc_cOIA/T5mr8Ut_0ZI/AAAAAAAAACE/poWN6qq3oyA/s1600/onglet+fond+bleu+3.PNG ') no-repeat;}
</style>

<!--[if IE]><style type="text/css">.d20bl{width:929px;}</style><![endif]-->

* * * * *
كود قائمة الروابط رقم 02 باللون الأحمر كالتالي:


<div class="d20ro">

<li><a href="#">الرئيسية</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 2</a></li>

<li><div class="d20rofixe"><a href="#">الرابط 3</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.3</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.4</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.5</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.6</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.7  </a></li></ul></li>

<li><div class="d20rofixe"><a href="#">الرابط 4</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.1</a></li>

<li><div class="d20rofixe"><a href="#">الرابط 4.2</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.2.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.2.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.2.3</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.3</a></li>

<li><div class="d20rofixe"><a href="#">الرابط 4.4</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.4.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.4.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.4.3</a></li></ul></li></ul></li>

<li><div class="d20rofixe"><a href="#">الرابط 5</a></div><ul>

<li><div class="d20rofixe"><a href="#">الرابط 5.1</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.1.1</a></li>

<li><div class="d20rofixe"><a href="#">الرابط 5.1.2</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">L. 5.1.2.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">L. 5.1.2.2</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.1.3</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.3</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.4</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.5</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.6</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.7</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 6</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">7 الرابط  </a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">8 الرابط </a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank" style="border-right:1px solid rgb(90,0,0);">9 الرابط </a></li>

<a href="http://youstaff.blogspot.com" style="display:none;">blogger</a>

</div>

<style type="text/css">
.d20ro, .d20ro ul{list-style: none;
text-align: center;z-index:999;padding: 0;margin: 0;}
.d20ro{width:925px;margin:0px auto;margin-top:0px;}
.d20ro li{float: left;}
.d20ro li ul{position: absolute;width: 125px;left: -999em;z-index:999;}
.d20ro li:hover ul ul {left: -999em;}
.d20ro li:hover ul ul ul{left: -999em;}
.d20ro li:hover ul, .d20ro li li:hover ul,.d20ro li li li:hover ul{left: auto;min-height:1%;}

.d20ro li ul {margin-left:-28px;border-top: 1px solid rgb(90,0,0);border-right: 1px solid rgb(90,0,0);width:144px;margin-top:-1px;}

.d20ro li ul li a {width:125px;}
.d20ro li ul ul{margin: -34px 0 0 144px;min-height: 0;}

.d20ro a {color:white;
background:rgb(90,0,0) url('http://2.bp.blogspot.com/-1uMh6ZeIYd0/T5msssGx-BI/AAAAAAAAACM/Vek0it5xLF8/s1600/onglet+fond+rouge+3.PNG ') no-repeat;border-bottom: 1px solid rgb(90,0,0);border-left: 1px solid rgb(90,0,0);padding:7px 9px; display:block;text-decoration: none; font-weight:bold;font-family: arial;font-size: 18px;line-height: 18px;}

.d20ro a:hover{color:white;background:red;}

.d20rofixe a:hover {color:white;
background:rgb(90,0,0) url('http://2.bp.blogspot.com/-1uMh6ZeIYd0/T5msssGx-BI/AAAAAAAAACM/Vek0it5xLF8/s1600/onglet+fond+rouge+3.PNG ') no-repeat;}
</style>

<!--[if IE]><style type="text/css">.d20ro{width:929px;}</style><![endif]-->

* * * * *
كود قائمة الروابط رقم 03 باللون الأخضر كالتالي:

<div class="d20ve">

<li><a href="#">الرئيسية</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 2</a></li>

<li><div class="d20vefixe"><a href="#">الرابط 3</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.3</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.4</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.5</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.6</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.7  </a></li></ul></li>

<li><div class="d20vefixe"><a href="#">الرابط 4</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.1</a></li>

<li><div class="d20vefixe"><a href="#">الرابط 4.2</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.2.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.2.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.2.3</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.3</a></li>

<li><div class="d20vefixe"><a href="#">الرابط 4.4</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.4.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.4.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.4.3</a></li></ul></li></ul></li>

<li><div class="d20vefixe"><a href="#">الرابط 5</a></div><ul>

<li><div class="d20vefixe"><a href="#">الرابط 5.1</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.1.1</a></li>

<li><div class="d20vefixe"><a href="#">الرابط 5.1.2</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">L. 5.1.2.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">L. 5.1.2.2</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.1.3</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.3</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.4</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.5</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.6</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.7</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 6</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">7 الرابط  </a></li>

<li><a href="http:// youstaff.blogspot.com/" target="_blank">8 الرابط </a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank" style="border-right:1px solid rgb(78,95,71);">9 الرابط </a></li>

<a href="http://youstaff.blogspot.com" style="display:none;">blogger</a>

</div>

<style type="text/css">
.d20ve, .d20ve ul{list-style: none;
text-align: center;z-index:999;padding: 0;margin: 0;}
.d20ve{width:925px;margin:0px auto;margin-top:0px;}
.d20ve li{float: left;}
.d20ve li ul{position: absolute;width: 125px;left: -999em;z-index:999;}
.d20ve li:hover ul ul {left: -999em;}
.d20ve li:hover ul ul ul{left: -999em;}
.d20ve li:hover ul, .d20ve li li:hover ul,.d20ve li li li:hover ul{left: auto;min-height:1%;}

.d20ve li ul {margin-left:-28px;border-top: 1px solid rgb(78,95,71);border-right: 1px solid rgb(78,95,71);width:144px;margin-top:-1px;}

.d20ve li ul li a {width:125px;}
.d20ve li ul ul{margin: -34px 0 0 144px;min-height: 0;}

.d20ve a {color:white;
background:rgb(78,95,71) url(' http://1.bp.blogspot.com/-gfILvUYbblE/T5mtOlzO7UI/AAAAAAAAACU/xaKe6qFqn-I/s1600/onglet+fond+vert+3.PNG ') no-repeat;border-bottom: 1px solid rgb(78,95,71);border-left: 1px solid rgb(78,95,71);padding:7px 9px; display:block;text-decoration: none; font-weight:bold;font-family: arial;font-size: 18px;line-height: 18px;}

.d20ve a:hover{color:white;background:orange;}

.d20vefixe a:hover {color:white;
background:rgb(78,95,71) url(' http://1.bp.blogspot.com/-gfILvUYbblE/T5mtOlzO7UI/AAAAAAAAACU/xaKe6qFqn-I/s1600/onglet+fond+vert+3.PNG ') no-repeat;}
</style>

<!--[if IE]><style type="text/css">.d20ve{width:929px;}</style><![endif]-->

* * * * *
كود قائمة الروابط رقم 04 كالتالي:

<div class="d20be">

<li><a href="#">الرئيسية</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 2</a></li>

<li><div class="d20befixe"><a href="#">الرابط 3</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.3</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.4</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.5</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.6</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 3.7  </a></li></ul></li>

<li><div class="d20befixe"><a href="#">الرابط 4</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.1</a></li>

<li><div class="d20befixe"><a href="#">الرابط 4.2</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.2.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.2.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.2.3</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.3</a></li>

<li><div class="d20befixe"><a href="#">الرابط 4.4</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.4.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.4.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 4.4.3</a></li></ul></li></ul></li>

<li><div class="d20befixe"><a href="#">الرابط 5</a></div><ul>

<li><div class="d20befixe"><a href="#">الرابط 5.1</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.1.1</a></li>

<li><div class="d20befixe"><a href="#">الرابط 5.1.2</a></div><ul>

<li><a href="http://youstaff.blogspot.com/" target="_blank">L. 5.1.2.1</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">L. 5.1.2.2</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.1.3</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.2</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.3</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.4</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.5</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.6</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 5.7</a></li></ul></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">الرابط 6</a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">7 الرابط  </a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank">8 الرابط </a></li>

<li><a href="http://youstaff.blogspot.com/" target="_blank" style="border-right:1px solid rgb(135,94,74);">9 الرابط </a></li>

<a href="http://youstaff.blogspot.com/" style="display:none;">blogger</a>

</div>

<style type="text/css">
.d20be, .d20be ul{list-style: none;
text-align: center;z-index:999;padding: 0;margin: 0;}
.d20be{width:925px;margin:0px auto;margin-top:0px;}
.d20be li{float: left;}
.d20be li ul{position: absolute;width: 125px;left: -999em;z-index:999;}
.d20be li:hover ul ul {left: -999em;}
.d20be li:hover ul ul ul{left: -999em;}
.d20be li:hover ul, .d20be li li:hover ul,.d20be li li li:hover ul{left: auto;min-height:1%;}

.d20be li ul {margin-left:-28px;border-top: 1px solid rgb(135,94,74);border-right: 1px solid rgb(135,94,74);width:144px;margin-top:-1px;}

.d20be li ul li a {width:125px;}
.d20be li ul ul{margin: -34px 0 0 144px;min-height: 0;}

.d20be a {color:brown;
background:rgb(135,94,74) url(' http://3.bp.blogspot.com/-rW3VSSRwoKc/T5mttMDASaI/AAAAAAAAACc/_PFD_YtiHrU/s1600/onglet+fond+beige+3.PNG ') no-repeat;border-bottom: 1px solid rgb(135,94,74);border-left: 1px solid rgb(135,94,74);padding:7px 9px; display:block;text-decoration: none; font-weight:bold;font-family: arial;font-size: 18px;line-height: 18px;}

.d20be a:hover{color:white;background:orange;}

.d20befixe a:hover {color:brown;
background:rgb(135,94,74) url(' http://3.bp.blogspot.com/-rW3VSSRwoKc/T5mttMDASaI/AAAAAAAAACc/_PFD_YtiHrU/s1600/onglet+fond+beige+3.PNG ') no-repeat;}
</style>

<!--[if IE]><style type="text/css">.d20be{width:929px;}</style><![endif]-->

0 نعليق

X

تابعنا على مواقع التواصل الإجتماعي