الروابط النصيه بالجافا في الهيدر

[اشراق العالمrss]

مساء الخير اليوم عندي شغله جميله وخفيفه ومميزه

وضع روابط نصيه في الهيدر بالجافا و ccs مع عرض صوره لها

مثال مباشر

http://www.rawabetvb-team.com/vb/index.php?styleid=1


طريقة التركيب :

افتح قالب header

وضع الكود التالي في اخر القالب


كود:












http://www.rawabetvb.com/">رابط (http://www.eshrag.net/vb/<a href=) نصي
خدماتي العربية





http://www.rawabetvb.com">رابط (http://www.eshrag.net/vb/<a href=) نصي
وصف بسيط





http://www.rawabetvb.com">رابط (http://www.eshrag.net/vb/<a href=) نصي
وصف بسيط





http://www.rawabetvb.com">رابط (http://www.eshrag.net/vb/<a href=) نصي
وصف بسيط





http://www.rawabetvb.com">رابط (http://www.eshrag.net/vb/<a href=) نصي
وصف بسيط





http://www.rawabetvb.com">رابط (http://www.eshrag.net/vb/<a href=) نصي
وصف بسيط





http://www.rawabetvb.com">رابط (http://www.eshrag.net/vb/<a href=) نصي
وصف بسيط











وعمل حفظ للقالب

اسفل مربع الهيدر يوجود مربع قالب headinclude

ضع الكود التالي اخر المربع

كود:






في نفس الصفحه الخاصه باعدادات الستايل نقوم باضافه كود ccs في مربع
تعاريف CSS الإضافية/Additional CSS Definitions

كود:
body, h3, div, ul, p {
margin:0;
padding:0;
}
body {
background-color:;
line-height:18px;
}
div.kwicks_container {
width: 840px;
margin: 100px auto 0 auto;
}
.kwicks {
list-style: none;
position: relative;
margin: 0;
padding: 0;
width:840px;
height:50px;
z-index:2;
}
.kwicks li {
display: block;
float: left;
overflow: hidden;
padding: 0;
cursor: pointer;
width: 100px;
height: 35px;
z-index:2;
cursor:pointer;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FF9933;
}
.kwicks li a {
background-image:url(images/sprites_menu.png);
background-repeat:no-repeat;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
font-size: 14px;
letter-spacing: -0.07em;
color: #AA0000;
height: 40px;
outline:none;
display:block;
z-index:100;
cursor:pointer;
text-transform: uppercase;
font-weight: bold;
margin-top: -3px;
margin-left: 5px;
text-decoration: none;
}
.kwicks li h3 {
position: absolute;
width: 120px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
font-size: 10px;
color: #FF6600;
letter-spacing: -0.02em;
outline:none;
z-index:0;
cursor:pointer;
text-transform: uppercase;
font-weight: normal;
margin-left: 5px;
text-decoration: none;
left: 0px;
top: 15px;
right: 0px;
bottom: 0px;
}
#kwick_1, #kwick_2, #kwick_3, #kwick_4, #kwick_5, #kwick_6, #kwick_7 {
margin: 0pt;
overflow: hidden;
position: absolute;
display: block;
width: 120px;
}
#kwick_1 {
left: 0px;
border: none;
}
#kwick_2 {
left: 120px;
}
#kwick_3 {
left: 240px;
}
#kwick_4 {
left: 360px;
}
#kwick_5 {
left: 480px;
}
#kwick_6 {
left: 600px;
}
#kwick_7 {
left: 0px;
}
#kwick_1 a {
background-position:0px 0px;
}
.kwicks a:hover, .kwicks #active {
color: #3399FF;
}
.kwicks li a:hover h3, .kwicks li #active h3 {
color: #999999;
}
#kwick_2 a {
background-position:0px -50px;
}
#kwick_3 a {
background-position:0px -192px;
}
#kwick_4 a {
background-position:0px -100px;
}
#kwick_5 a {
background-position:0px -150px;
}
#kwick_6 a {
background-position:0px -250px;
}
#kwick_7 a {
background-position:0px -300px;
}


يوجد بالمرفقات التالي
الان نقوم برفع ملف الصور داخل مجلد images

وملفات الجافا داخل ملف clientscript

اخوكم فارس

الملفات المرفقة http://www.rawabetvb.com/vb/images/attach/zip.gif ccs.zip&rlm; (http://www.rawabetvb.com/vb/attachment.php?attachmentid=66061&d=1309732771) (138.4 كيلوبايت)