المشهر
السلام عليكم ورحمة الله وبكراته

احبتنا زوار الموقع الكرام نود اعلامكم جميعا بان المنتدى مفتوحاً للجميع لذلك فلا تبخلوا علينا بزيارتكم والتصفح ولو بالقراءة والدعاء

لا نريد ان نجبركم على التسجيل للتصفح نريدكم فقط ان استفدتم شيئاً من الموقع بان تدعو من قلبك لصاحب الموضوع والعاملين بالموقع

ودمتم بحفظ الله ورعايته

"خير الناس أنفعهم للناس"

المشهر
السلام عليكم ورحمة الله وبكراته

احبتنا زوار الموقع الكرام نود اعلامكم جميعا بان المنتدى مفتوحاً للجميع لذلك فلا تبخلوا علينا بزيارتكم والتصفح ولو بالقراءة والدعاء

لا نريد ان نجبركم على التسجيل للتصفح نريدكم فقط ان استفدتم شيئاً من الموقع بان تدعو من قلبك لصاحب الموضوع والعاملين بالموقع

ودمتم بحفظ الله ورعايته

"خير الناس أنفعهم للناس"

المشهر
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
المشهر


 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخول  

 

 [حصرياً] كود طاقم ازرار بتاثير عند المرور بالماوس روعة ويستعمل كنافبار

اذهب الى الأسفل 
كاتب الموضوعرسالة
زيد عربيات
المدير العام
المدير العام
زيد عربيات


الجنس : ذكر
عدد المساهمات : 376
السٌّمعَة : 16
تاريخ التسجيل : 14/05/2011
العمر : 28

[حصرياً] كود طاقم ازرار بتاثير عند المرور بالماوس روعة ويستعمل كنافبار Empty
مُساهمةموضوع: [حصرياً] كود طاقم ازرار بتاثير عند المرور بالماوس روعة ويستعمل كنافبار   [حصرياً] كود طاقم ازرار بتاثير عند المرور بالماوس روعة ويستعمل كنافبار Emptyالخميس مايو 19, 2011 7:21 pm

بسم الله الرحمن الرحيم

كود طاقم ازرار جميل جدا مع تاثيرات عند المرور بالماوس ويمكن استعماله كنافبار

صورة للكود

[حصرياً] كود طاقم ازرار بتاثير عند المرور بالماوس روعة ويستعمل كنافبار Nafbar10

الكود


الكود:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir='rtl' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlnsheader-wrapper:data='http://www.google.com/2005/gml/data'>
<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://www.teknomobi.net
URL 2:      http://www.bloggergallery.com/
Bloggerized Date : 05 November 2009
Original Template Style
Designer : Templatemo
URL:      http://www.templatemo.com
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://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html'  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://www.takeyourfile.blogspot.com/">.</a><!-- 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://www.pubknights.com/forum.htm' rel='tab1' title=''>اتصل بنا</a></li>
<li><a href='http://www.pubknights.com/forum.htm' title=''>الدخول</a></li>
<li><a href='http://www.pubknights.com/forum.htm' title=''>
الاعضاء</a></li>
<li><a href='http://www.pubknights.com/forum.htm' rel='tab4'>التسجيل</a></li>
<li><a href="http://www.pubknights.com/forum.htm">البوابة</a></li>
<li><a href='http://www.pubknights.com/forum.htm' 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://www.pubknights.com/forum.htm' rel='tab1' title=''>اتصل بنا</a></li>
<li><a href='http://www.pubknights.com/forum.htm' title=''>الدخول</a></li>
<li><a href='http://www.pubknights.com/forum.htm' title=''>
الاعضاء</a></li>
<li><a href='http://www.pubknights.com/forum.htm' rel='tab4'>التسجيل</a></li>
<li><a href="http://www.pubknights.com/forum.htm">البوابة</a></li>
<li><a href='http://www.pubknights.com/forum.htm' 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>

مكان وضع الكود
*----------------*
فى التشكيلات العامة او فى وصف الموقع او كعنصر مستقل او بالتومبيلات
والافضل في تشكيلات عامة او عبر التومبيلات

ولحذف الازرار الاصلية للمنتدى تقدر تستخدم هذا الكود

الكود:
a.mainmenu{display:NONE}

وشكرا.......... I love you

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://al-mushher.ahlamontada.com
 
[حصرياً] كود طاقم ازرار بتاثير عند المرور بالماوس روعة ويستعمل كنافبار
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود تخفيف لون جميع الصور في المشاركات والمواضيع عند المرور عليه بالماوس مثل vb
» حصريا على codes4 كود لجعل صور المنتدى تميل عند المرور عليها بالماوس
»  ازرار منتداك بتقنية CSS
» كود [ jQuery ]تغيير ازرار لوحة الكتابة
» بمناسبة رمضان إضافة تجميلية روعة لجميع النسخ

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
المشهر :: قسم تطوير المنتديات :: قسم تطوير احلى المنتديات :: اكواد HTML-
انتقل الى: