هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
ممكن مثل هالكود
5 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
رد: ممكن مثل هالكود
اهلين
تفضلي
الكود هتمل
تفضلي
- الكود:
< --- code prog by www.4egy.net --->
<script src="http://foryamany1.googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script>
<script src="http://foryamany1.googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script>
<script src="http://foryamany1.googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script>
<style>
.slideset {
width: 960px;
height: 167px;
margin: auto;
overflow: hidden;
margin-bottom: 20px;
position: relative;
}
.slideset .next {
position: absolute;
right: 0px;
top: 72px;
background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px;
width: 18px;
height: 21px;
overflow: hidden;
text-indent: -555px;
}
.slideset .prev {
position: absolute;
left: 0px;
top: 72px;
background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -35px;
width: 18px;
height: 21px;
overflow: hidden;
text-indent: -555px;
}
.slideset .slidesetCont {
width: 905px;
margin: auto;
position: relative;
background: #000;
}
.slidesetCont ul {
float: right;
width: 100%;
}
.slidesetCont ul > li { float: left; }
.slidesetCont ul > li a {
display: block;
width: 200px;
height: 145px;
padding: 6px;
overflow: hidden;
background: #FFF;
border: 1px #d2d2d2 solid;
margin: 0 7px;
}
.slidesetCont ul > li a img {
background: #EEE;
width: 200px !important;
height: 145px !important;
display: block;
}
ul, li, ol {
list-style: none;
outline: 0px;
}
</style>
<script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script><div class="slideset"> <a class="next" href="#">التالي</a> <a class="prev" href="#">السابق</a>
<div class="slidesetCont">
<ul class="set1">
<li>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<li>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<li>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<li>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<li>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
</ul>
</div>
</div>
<!--//slideset-->
<! --- code prog by www.4egy.net --->
الكود هتمل
رد: ممكن مثل هالكود
تم استخراج الكود من اجلك
- الكود:
<style type="text/css">
#topbar{
position:absolute;
border: 1px solid black;
padding: 4px;
background-color: white;
width: 380px;
visibility: hidden;
z-index: 0;
}
</style> <script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 4 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div id="topbar" style="border-style: dotted">
<p align="center">
<img border="0" src="http://im32.gulfup.com/WUdJK.gif" style="width: 350px; height: 200px;" />
</p>
<p align="center">
<strong><span style="font-family: Arial;"><span style="font-size: 11pt; color: rgb(0, 204, 255);"><img border="0" src="http://im39.gulfup.com/rwLfs.gif" style="width: 11px; height: 13px;" /></span><span style="background-color: #f4ffd4"><span style="font-size: 11pt">لا تذهبي <span lang="ar-sa"></span>هيا قومي <span lang="ar-sa"></span> بالتسجيل معنا<span lang="ar-sa"></span></span></span><span style="font-size: 11pt; color: rgb(255, 0, 255);"></span><span style="font-size: 11pt; color: rgb(0, 255, 0);">من<span lang="ar-sa"> </span></span><span style="font-size: 11pt"></span> <a href="http://www.alhan-mareha.com/register"><span style="font-size: 11pt; color: rgb(255, 213, 179);">♫ هنا ♥</span></a></span></strong>
</p>
</div>
<div style="height:1px">
</div>
<table class="forumline" border="0" cellspacing="1" cellpadding="0" style="width: 100%;">
<tbody>
<tr>
<td class="catLeft" style="height: 25px;">
<span class="genmed module-title">اعلاناتكم ..♥~</span>
</td>
</tr>
<tr>
<td class="row1" align="left">
<link rel="stylesheet" href="http://cutecat.p2h.info/hawetk/style.css" type="text/css" media="screen" /><script type="text/javascript" src="http://cutecat.p2h.info/scripts/jquery-1.4.3.min.js"></script><script type="text/javascript" src="http://cutecat.p2h.info/scripts/jquery.aes.js"></script><script type="text/javascript" src="http://cutecat.p2h.info/scripts/jquery.aes2.js"></script> <link rel="stylesheet" href="http://cutecat.p2h.info/hawetk/style.css" type="text/css" /> <script type="text/javascript" src="http://cutecat.p2h.info/hawetk/custom.js"></script><script type="text/javascript" src="http://cutecat.p2h.info/hawetk/tabcontent.js"></script><script type="text/javascript" src="http://cutecat.p2h.info/hawetk/styleswitch.js"></script><script type="text/javascript" src="http://cutecat.p2h.info/hawetk/jquery.tipsy.js"></script><script type="text/javascript" src="http://cutecat.p2h.info/hawetk/jquery-1.6.4.min.js"></script> <script type="text/javascript" src="http://cutecat.p2h.info/hawetk/jquery.easing.1.3.js"></script> <script type="text/javascript" src="http://cutecat.p2h.info/hawetk/jquery.carouFredSel-5.5.0.js"></script>
<div style="width: 750px;margin: 0px auto;">
<div class="image_carousel">
<div id="foo4">
<a href="http://www.alhan-mareha.com/forum/"><img src="http://download.mrkzy.com/u/2913_51ce771249c01.png" alt="مملكة الأميرات" /></a><a href="http://www.alhan-mareha.com/forum"><img src="http://download.mrkzy.com/u/2913_51ce771249c01.png" alt="مملكة الأميرات" /></a><a href="http://www.alhan-mareha.com/forum"><img src="http://download.mrkzy.com/u/2913_51ce771249c01.png" alt="مملكة الأميرات" /></a><a href="http://www.alhan-mareha.com/forum"><img src="http://download.mrkzy.com/u/2913_51ce771249c01.png" alt="مملكة الأميرات" /></a> <a href="http://www.alhan-mareha.com/forum"><img src="http://download.mrkzy.com/u/2913_51ce771249c01.png" alt="مملكة الأميرات" /></a><a href="http://www.alhan-mareha.com/forum"><img src="http://download.mrkzy.com/u/2913_51ce771249c01.png" alt="مملكة الأميرات" /></a><a href="http://www.alhan-mareha.com/forum"><img src="http://download.mrkzy.com/u/2913_51ce771249c01.png" alt="مملكة الأميرات" /></a><a href="http://www.alhan-mareha.com/forum"><img src="http://download.mrkzy.com/u/2913_51ce771249c01.png" alt="مملكة الأميرات" /></a> <a href="http://www.alhan-mareha.com/forum><img src=" http:="" download.mrkzy.com="" u="" 2913_51ce771249c01.png"="" alt="مملكة الأميرات"></a><a href="http://www.alhan-mareha.com/forum"><img src="http://download.mrkzy.com/u/2913_51ce771249c01.png" alt="مملكة الأميرات" /></a><a href="http://www.alhan-mareha.com/forum"><img src="http://download.mrkzy.com/u/2913_51ce771249c01.png" alt="مملكة الأميرات" /></a><a href="http://www.alhan-mareha.com/forum"><img src="http://download.mrkzy.com/u/2913_51ce771249c01.png" alt="مملكة الأميرات" /></a>
</div>
<div class="clearfix">
</div>
<a class="prev" id="foo4_prev" href="#"><span>prev</span></a> <a class="next" id="foo4_next" href="#"><span>next</span></a>
<div class="pagination" id="foo4_pag">
</div>
</div>
</div>
<script language="JavaScript">
// Visit our site at http://www.star28.com/ for more code
<!--
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
</td>
</tr>
</tbody>
</table>
<div style="height:1px">
</div>
<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
<tbody>
<tr>
<td align="left">
<script language="JavaScript1.2">
var rate = 20; // Increase amount(The degree of the transmutation)
////////////////////////////////////////////////////////////////////
// Main routine
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
//=============================================================================
// doRainbow
// This function begins to change a color.
//=============================================================================
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
//=============================================================================
// stopRainbow
// This function stops to change a color.
//=============================================================================
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
//=============================================================================
// doRainbowAnchor
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
//=============================================================================
// stopRainbowAnchor
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
//=============================================================================
// Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser)
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
//=============================================================================
// Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser)
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
//=============================================================================
// Change Color
// This function changes a color actually.
//=============================================================================
function ChangeColor()
{
objActive.style.color = makeColor();
}
//=============================================================================
// makeColor
// This function makes rainbow colors.
//=============================================================================
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
</script> <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/8/8398/17/parts.js"></script>
<div style=" background-image: url('http://3.bp.blogspot.com/-et7QYZIMUQI/UTjY88VU_aI/AAAAAAAAImg/sr4Qmt3bOWU/s1600/cortinha_39.gif'); top: 0px; left: 0px; width: 100%; height: 95px; z-index: 100; position: fixed;">
</div>
</td>
</tr>
</tbody>
</table>
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى