![[حصرياً] كود طاقم ازرار بتاثير عند المرور بالماوس روعة ويستعمل كنافبار. Empty](https://2img.net/i/empty.gif)
السلام عليكم ورحمة الله وبركاته
حصريا على فرسان الاشهار
كود طاقم ازرار جميل جدا مع تاثيرات عند المرور بالماوس ويمكن استعماله كنافبار من تطوير (ЯAZOR) .
![[حصرياً] كود طاقم ازرار بتاثير عند المرور بالماوس روعة ويستعمل كنافبار. 3](https://2img.net/h/www.al-wed.com/pic-vb/3.gif)
صورة للكود
تكبير الصورة معاينة الأبعاد الأصلية.
![[حصرياً] كود طاقم ازرار بتاثير عند المرور بالماوس روعة ويستعمل كنافبار. Nafbar10](https://i.servimg.com/u/f31/15/11/70/54/nafbar10.jpg)
الكود
للتعديل ووضع ازرار اخري اوروابط في نهاية الكود
مكان وضع الكود
*----------------*
فى التشكيلات العامة او فى وصف الموقع او كعنصر مستقل او بالتومبيلات
والافضل في تشكيلات عامة او عبر التومبيلات
ولحذف الازرار الاصلية للمنتدى تقدر تستخدم هذا الكود
![[حصرياً] كود طاقم ازرار بتاثير عند المرور بالماوس روعة ويستعمل كنافبار. 862680](https://2img.net/u/1615/11/56/60/smiles/862680.gif)
منقول للافادة
الكود حصرياً فقط للفرسان
حصريا على فرسان الاشهار
كود طاقم ازرار جميل جدا مع تاثيرات عند المرور بالماوس ويمكن استعماله كنافبار من تطوير (ЯAZOR) .
صورة للكود
تكبير الصورة معاينة الأبعاد الأصلية.
الكود
الكود:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd%22%3E]www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/url]
<html dir='rtl' xmlns='http://[url=http://www.w3.org/1999/xhtml%27]www.w3.org/1999/xhtml'[/url] xmlns:b='http://[url=http://www.google.com/2005/gml/b%27]www.google.com/2005/gml/b'[/url] xmlns:data='http://[url=http://www.google.com/2005/gml/data%27]www.google.com/2005/gml/data'[/url] xmlns:expr='http://[url=http://www.google.com/2005/gml/expr%27]www.google.com/2005/gml/expr'[/url] xmlnsheader-wrapper:data='http://[url=http://www.google.com/2005/gml/data%27%3E]www.google.com/2005/gml/data'>[/url]
<head>
<style>
#related-posts { float:center; text-transform:none; height:100%;
min-height:100%; padding-top:5px; padding-left:5px; } #related-posts
.widget{ padding-left:6px; margin-bottom:10px; } #related-posts .widget
h2, #related-posts h2{ font-size: 1.6em; font-weight: bold; color:
black; font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; }
#related-posts a{ color:blue; } #related-posts a:hover{ color:blue; }
#related-posts ul{ list-style-type:none; margin:0 0 0px 0; padding:0px;
text-decoration:bold; font-size:15px; text-color:#000000 }
#related-posts ul li{ background:transparent
url(http://2.bp.blogspot.com/_u4gySN2ZgqE/SnZhv_C6bTI/AAAAAAAAAl4/Rozt7UhvgOo/s200/greentickbullet.png)
no-repeat ; display:block; list-style-type:none; margin-bottom: 13px;
padding-left: 30px; padding-top:0px;} </style>
<style type="text/css">.backtotop a:hover {background:none;}</style>
<meta content='text/html; charset=utf-8' http-equiv='content-type'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<script
type="text/javascript">(function() { var a=window;function
c(b){this.t={};this.tick=function(d,i,e){e=e?e:(new
Date).getTime();this.t[d]=[e,i]};this.tick("start",null,b)}var f=new
c;a.jstiming={Timer:c,load:f};try{var
g=null;if(a.chrome&&a.chrome.csi)g=Math.floor(a.chrome.csi().pageT);if(g==null)if(a.gtbExternal)g=a.gtbExternal.pageT();if(g==null)if(a.external)g=a.external.pageT;if(g)a.jstiming.pt=g}catch(h){};a.tickAboveFold=function(b){b=b;var
d=0;if(b.offsetParent){do
d+=b.offsetTop;while(b=b.offsetParent)}b=d;b<=750&&a.jstiming.load.tick("aft")};var
j=false;function
k(){if(!j){j=true;a.jstiming.load.tick("firstScrollTime")}}a.addEventListener?a.addEventListener("scroll",k,false):a.attachEvent("onscroll",k);
})();</script>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link href='' rel='icon' type='image/vnd.microsoft.icon'/>
<link href='' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="" href="" />
<link rel="alternate" type="application/rss+xml"" href="" />
<link rel="service.post" type="application/atom+xml" title="" href="" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="" />
<link rel="alternate" type="application/atom+xml" title="" href="" />
<!--[if
IE]> <script> (function() { var html5 =
("abbr,article,aside,audio,canvas,datalist,details," +
"figure,footer,header,hgroup,mark,menu,meter,nav,output," +
"progress,section,time,video").split(','); for (var i = 0; i <
html5.length; i++) { document.createElement(html5[i]); } })();
</script>
<![endif]-->
<title>-</title>
<link type='text/css' rel='stylesheet' href='' />
<link rel="stylesheet" type="text/css" href=""/>
<style type="text/css">#navbar-iframe { display:block }
</style>
<style id='page-skin-1' type='text/css'><!--
/*
*************************************
Blogger Template Style
Name : Voip
Description: A two-column, fixed-width, 1024x768 screen resolutions,
Designer : TeknoMobi
URL 1: http://[url=http://www.teknomobi.net]www.teknomobi.net[/url]
URL 2: http://[url=http://www.bloggergallery.com/]www.bloggergallery.com/[/url]
Bloggerized Date : 05 November 2009
Original Template Style
Designer : Templatemo
URL: http://[url=http://www.templatemo.com]www.templatemo.com[/url]
Licence : Creative Commons Attribution 3.0 United States License.
************************************ */
#navbar{display:none; height:0; visibility:hidden;}
body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Verdana, Arial, san-serif;
font-size: 12px;
color: #e7eaeb;
background: #6d6a6b url() repeat;
}
a:link, a:visited { color: #00a1ff; text-decoration: none; font-weight: bold; }
a:active, a:hover { color: #00a1ff; text-decoration: underline; }
p {
margin: 0px;
padding: 0px;
}
img {
margin: 0px;
padding: 0px;
border: none;
}
.cleaner {
clear: both;
width: 100%;
height: 1px;
font-size: 1px;
}
.cleaner_with_height {
clear: both;
width: 100%;
height: 30px;
font-size: 1px;
}
.cleaner_with_width {
float: left;
width: 20px;
height: 30px;
font-size: 1px;
}
#templatemo_wrapper {
margin: 0 auto;
background: url() top repeat-x;
}
#templatemo_menu {
clear: both;
width: 958px;
height: 125px;
padding: 0 1px;
background: url(http://3.bp.blogspot.com/_7IQpJk-xKoE/TC7f-g8YmLI/AAAAAAAAAFU/ShXc8qJnIEk/S1600-R/s2de4fkv.jpg) no-repeat;
}
.indentmenu{
font: bold 14px Arial;
height: 58px;
width: 958px; /*leave this value as is in most cases*/
}
.indentmenu ul{
margin: 0;
padding: 0;
height: 58px;
background: black url(indentbg.gif) center center repeat-x;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a{
float: left;
color: white; /*text color*/
width: 158px;
text-align: center;
height: 40px;
padding-top: 18px;
text-decoration: none;
border-right: 2px solid #000; /*navy divider between menu items*/
background:
url(http://2.bp.blogspot.com/_qJEkQRe5y8U/SvHt-QuB0OI/AAAAAAAABDA/ZPr4wiYjLeI/s1600/templatemo_menu_bg.jpg)
repeat-x;
outline: none;
}
.indentmenu ul li a:visited{
color: white;
}
.indentmenu ul li a.selected, .indentmenu ul li a:hover{
color: white !important;
background:
black
url(http://3.bp.blogspot.com/_qJEkQRe5y8U/SvHuF6okpcI/AAAAAAAABDI/h3-rzaUCjac/s1600/templatemo_menu_hover_bg.jpg)
center center;
}
.indentmenu li .last{
border-right: none;
}
.tabcontentstyle{ /*style of tab content oontainer*/
clear: both;
width:900px; height: 35px; padding: 23px 30px 0 30px;
color: #fff;
font-size: 14px;
}
.tabcontentstyle ul{
margin: 0px;
padding: 0px;
list-style: none;
}
.tabcontentstyle li{
margin: 0px;
padding: 0px;
display: inline;
}
.tabcontentstyle li a {
font-weight: normal;
color: #FFF;
margin: 0px;
padding: 0 10px 0 5px;
}
.tabcontent{
display:none;
}
@media print {
.tabcontent {
display:block !important;
}
}
#templatemo_container {
width: 960px;
margin: 0 auto;
padding: 0 10px 10px 10px;
}
/* banner */
#header-wrapper {
clear: both;
width: 900px;
height: 250px;
padding: 0 40px;
margin: 0 0 5px 0;
background:
url(http://1.bp.blogspot.com/_7IQpJk-xKoE/TC96_nJV1KI/AAAAAAAAAFc/mVntzY7zxIU/S1600-R/templatemo_banner_bg+copy.jpg)
no-repeat;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header h1 {
margin: 0px;
padding: 0px;
padding: 80px 0 20px 0;
font-size: 50px;
font-weight: bold;
color: #fff;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
##header .description {
font-size: 30px;
width: 400px;
line-height: 30px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
/* end of banner */
#templatemo_content {
clear: both;
position: relative;
width: 956px;
padding: 0 2px;
background:
url(http://3.bp.blogspot.com/_qJEkQRe5y8U/SvHqJWPWIOI/AAAAAAAABCQ/2rXuWHxCP7s/s1600/templatemo_content_middle.jpg)
repeat-y;
}
#templatemo_content #content_top {
position: absolute;
width: 960px;
height: 10px;
top: 0;
left: 0;
background:
url(http://1.bp.blogspot.com/_qJEkQRe5y8U/SvHqMA_pBQI/AAAAAAAABCY/Ci01O3SEqQo/s1600/templatemo_content_top.jpg)
no-repeat;
}
#templatemo_content h1 {
font-size: 24px;
color: #009dff;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#templatemo_content h2 {
font-size: 20px;
color: #009dff;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#templatemo_content h3 {
font-size: 16px;
color: #c6ca1d;
padding: 0 0 5px 30px;
margin: 0 0 5px 0;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
background:
url(http://3.bp.blogspot.com/_qJEkQRe5y8U/SvHqYhKB2-I/AAAAAAAABCg/Ix2S4T2cHxk/s1600/templatemo_list_icon.jpg)
top left no-repeat;
}
#templatemo_content img {
float: left;
border: 3px solid #221e1f;
margin: 3px 30px 5px 0;
}
#templatemo_content .content-wrapper {
clear: both;
width: 876px;
padding: 40px;
background-color: #444041;
}
.content-wrapper .main-wrapper {
float: left;
width: 556px;
padding-right: 40px;
border-right: 1px solid #333;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #000000;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
.content-wrapper .sidebar {
float: right;
width: 238px;
}
.main-wrapper p{
padding-bottom: 10px;
text-align: justify;
}
.sidebar p{
padding-bottom: 5px;
text-align: justify;
}
.sidebar .widget, .main .widget {
margin:0px;
padding:0px;
}
.main .Blog {
border-bottom-width: 0;
}
#templatemo_content .templatemo_content_section_02 {
clear: both;
color: #CCC;
width: 956px;
padding: 0px;
border-top: 1px solid #2c2829;
background-color: #221e1f;
}
.templatemo_content_section_02 p {
text-align: left;
}
.templatemo_content_section_02 .section_02_subsection {
float: left;
width: 238px;
margin: 30px 0px;
padding: 0 30px;
border-right: 1px solid #332e30;
background-color: #221e1f;
}
.section_02_subsection li a {
color: #e7eaeb;
font-weight: normal;
}
.section_02_subsection ul {
margin: 20px 0 10px 10px;
padding: 0px;
list-style: none;
}
.section_02_subsection li {
margin: 0px;
padding: 0 0 15px 25px;
background:
url(http://4.bp.blogspot.com/_qJEkQRe5y8U/SvHqiHd4MsI/AAAAAAAABCo/-_dAS2XU6wM/s1600/templatemo_list_icon_02.jpg)
top left no-repeat;
}
/* footer */
#templatemo_footer {
clear: both;
width: 960px;
height: 65px;
padding: 15px 0 0 0;
text-align: center;
color: #888;
background: url(http://1.bp.blogspot.com/_qJEkQRe5y8U/SvHqpvtPu6I/AAAAAAAABCw/5fFl4kelZVc/s1600/templatemo_footer.jpg);
}
#templatemo_footer p {
padding-bottom: 5px;
}
#templatemo_footer a {
color: #888;
font-weight: normal;
}
<!-- start related posts-->
<b:if cond='data:blog.pageType == "item"'><div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<
expr:src='"/feeds/posts/default/-/" + data:label.name +
"?alt=json-in-&callback=related_results_labels&max-results=6"'
type='text/javascript'/></b:if></b:loop><a
href='http://[url=http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html%27%C2%A0]www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html' [/url] style='display:none'>Related Posts Widget</a>< type='text/javascript'>
var currentposturl="<div expr:id='"aim1" + data:post.id'></div>
<data:post.url/>";
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels();
</></div></b:if><a href="http://[url=http://www.takeyourfile.blogspot.com/%22%3E.%3C/a%3E%3C%21--]www.takeyourfile.blogspot.com/">.</a><!--[/url] end related posts-->
/* end of footer */
--></style>
<!--[if lt IE 7]>
<![endif]-->
</head>
<body>
</div><div
id='templatemo_wrapper'><div id='templatemo_container'><div
id='templatemo_menu'><div class='indentmenu' id='pettabs'>
<ul>
<li><a href='http://[url=http://www.pubknights.com/forum.htm%27]www.pubknights.com/forum.htm'[/url] rel='tab1' title=''>اتصل بنا</a></li>
<li><a href='http://[url=http://www.pubknights.com/forum.htm%27]www.pubknights.com/forum.htm'[/url] title=''>الدخول</a></li>
<li><a href='http://[url=http://www.pubknights.com/forum.htm%27]www.pubknights.com/forum.htm'[/url] title=''>
الاعضاء</a></li>
<li><a href='http://[url=http://www.pubknights.com/forum.htm%27]www.pubknights.com/forum.htm'[/url] rel='tab4'>التسجيل</a></li>
<li><a href="http://[url=http://www.pubknights.com/forum.htm%22%3E%D8%A7%D9%84%D8%A8%D9%88%D8%A7%D8%A8%D8%A9%3C/a%3E%3C/li%3E]www.pubknights.com/forum.htm">البوابة</a></li>[/url]
<li><a href='http://[url=http://www.pubknights.com/forum.htm%27]www.pubknights.com/forum.htm'[/url] rel='tab6' style='border-right: none;'>
المنتدى</a></li>
</ul>
<p> </p>
<p align="center"><font size="3">فرسان الاشهار تطوير اشهار اكواد تصميم (<span lang="en-us">
</span>معاينة للنافبار من تصميم M!DǾЖŁové</font><span lang="en-us"><font size="3">
)</font></span></div>
</div>
</div>
</div>
</body>
</html>للتعديل ووضع ازرار اخري اوروابط في نهاية الكود
الكود:
<li><a href='http://[url=http://www.pubknights.com/forum.htm%27]www.pubknights.com/forum.htm'[/url] rel='tab1' title=''>اتصل بنا</a></li>
<li><a href='http://[url=http://www.pubknights.com/forum.htm%27]www.pubknights.com/forum.htm'[/url] title=''>الدخول</a></li>
<li><a href='http://[url=http://www.pubknights.com/forum.htm%27]www.pubknights.com/forum.htm'[/url] title=''>
الاعضاء</a></li>
<li><a href='http://[url=http://www.pubknights.com/forum.htm%27]www.pubknights.com/forum.htm'[/url] rel='tab4'>التسجيل</a></li>
<li><a href="http://[url=http://www.pubknights.com/forum.htm%22%3E%D8%A7%D9%84%D8%A8%D9%88%D8%A7%D8%A8%D8%A9%3C/a%3E%3C/li%3E]www.pubknights.com/forum.htm">البوابة</a></li>[/url]
<li><a href='http://[url=http://www.pubknights.com/forum.htm%27]www.pubknights.com/forum.htm'[/url] rel='tab6' style='border-right: none;'>
المنتدى</a></li>
</ul>
<p> </p>
<p align="center"><font size="3">فرسان الاشهار تطوير اشهار اكواد تصميم (<span lang="en-us">
</span>معاينة للنافبار من تصميم M!DǾЖŁové</font><span lang="en-us"><font size="3">
)</font></span></div>
</div>
</div>
</div>
</body>
</html>مكان وضع الكود
*----------------*
فى التشكيلات العامة او فى وصف الموقع او كعنصر مستقل او بالتومبيلات
والافضل في تشكيلات عامة او عبر التومبيلات
ولحذف الازرار الاصلية للمنتدى تقدر تستخدم هذا الكود
|
الكود حصرياً فقط للفرسان
![[حصرياً] كود طاقم ازرار بتاثير عند المرور بالماوس روعة ويستعمل كنافبار. 1356859771](https://2img.net/u/3411/11/06/58/smiles/1356859771.gif)