maria
عضو متألق
البلد : 
مزاجي : 
الجنس : 
عدد المساهمات : 1293
تاريخ التسجيل : 07/05/2009
 | موضوع: مجموعة من كودات  2010-12-27, 4:11 pm | |
| مجموعة من كودات HTML و CSS
كود htmlوضع ملف صوتي mp3يعمل من الموقع على الريل بلير
- اقتباس :
- <div style="margin:auto;text-align:center;width:100%"><embed width="281" height="79" src="هنا تضع الرابط">
</div>
**********
لوضع صورة في المنتدى
- اقتباس :
- [img][/img]
***********
للكتابة المتحركة لليمين واليسار
- اقتباس :
- <marquee/>كل الهلا بيكم في منتدى كلداني<marquee>
**********
نص يتحرك لليمين داخل اطار
- اقتباس :
- style="TAHOMA: 150%; font-size: 14pt; color: red;
border-style: ridge; border-color: #0066FF"
bgcolor="#000000" scrolldelay="100" scrollamount="3">
نصك هنا
**********
كتابه نص يتحرك الى الاعلى
- اقتباس :
- <marquee direction="Up" scrollAmount="2">
<FONT size="4" COLOR="Blue">
موقع كلداني يرحب بزواره الكرام
</FONT>
</marquee>
**********
كود CSS لعمل خلفية إحترافية للمواضيع
- اقتباس :
- .postbody {
padding: 0;
line-height: 1.48em;
color: #82535b;
width: 76%;
float: right;
clear: both;
background-image: url('****************');
background-repeat: no-repeat;
background-position: left 0;
}
**********
كود اطار حول اسم العضو مع لون الخلفية
- اقتباس :
- strong a{
text-decoration:solid;
border:2px solid #FF0000;
background: url(https://2img.net/r/ihimizer/img258/2852/rainbow1121212.gif);
}
a.copyright
{
border:2;
background:none;
}
a.name {
text-decoration:solid;
border:2px solid #FF0000;
background: url();
}
a.coloradmin{
text-decoration:solid;
border:2pxsolid #FF0000;
background: url();
}
**********
كود صورة فوق الفئات
- اقتباس :
- table.forumline {
background:
url(http://dl9.glitter-graphics.net/pub/2415/2415589hlweltyfc7.gif);
padding:
50px 3px 3px 3px;
background-position:
c;
border:5px solid
#0080FF;
}
**********
كود اطارات لجميع الصفحة
- اقتباس :
td {
height: px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border:4px groove #3399ff;
}
الموجود حاليا
- اقتباس :
td {
height: px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border:1px groove #3399ff;
}
**********
كود إطار منحني الحواف حول جميع جداول المنتدى
- اقتباس :
- th {
height: 37px;
border: 8px double #3399ff;
-moz-border-radius: 7px;
}
.forumline,
.row1, .row2, .row3 {
border: 5px double #3399ff;
-moz-border-radius: 7px;
}
**********
وضع اطار للتوقيع مع اختيار لون الخلفية
- اقتباس :
- .signature_div {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:4px groove #ff0000;
background-color: White;
}
**********
وضع خلفية لمعلومات العضو
- اقتباس :
- .profield{
width:100%;
max-width:145px;
max-height:40px;
margin-top:5px;
margin:auto;
padding:2px;
border:1px dotted #050505;
background:#fff;
background: url(http://www.borsaegypt.com/borsa/bakalt1.gif) no-repeat left top;
}
**********
كود وضع اطار حول صورة بيانات العضو
- اقتباس :
- .postdetails.poster-profile a img {
background-image: url('https://i.servimg.com/u/f88/11/88/59/12/2iscw010.png');
-moz-border-radius:7px;
-webkit-border-radius:7px;
border: 3px solid #000000;
}
**********
كود css لوضع صورة كفاصل بين البيانات الشخصية
- اقتباس :
- hr{
height: 8px;
border: solid #e1effa 1px;
border-top-width: 1px;
background: url(ضع هنا رابط الصورة);
}
a.copyright
{
border:0;
background:none;
}
**********
كود عداد الزوار للموقع
- اقتباس :
- <div style="margin:auto;text-align:center;width:100%"><table width="133" border="5" cellspacing="0" cellpadding="3"><tr><td align="center"><a href="" target="_blank"><img src="http://www.website-hit-counters.com/cgi-bin/image.pl?URL=598628-7788" alt="" title="" border="5" ></a></td></tr><tr><td align="center"><font style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #F6132A; text-decoration: none;"> <a href="http://www.interactiveink.com/cheap-hp-printer-ink-cartridges/" target="_blank" style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px; color: #EF0F25; text-decoration: none;" title="cheap hp ink"></a>عداد زوار للموقع </font></td></tr></table></div>
**********
كود توديع بعدالخروج من الموقع
- اقتباس :
- <body onUnload="window.alert('في امان الله ونتمنى ان نراكم دائما')">
**********
كود توديع بعدالخروج من الموقع موجود حالياً
- اقتباس :
- <body onUnload="window.alert('مع السلامة ونتشرف بكم بزيارتنا مرة أخرى ')">
******
كود علامة على الصور بالموقع
- اقتباس :
- .watermark {
background: #000 url(https://2img.net/r/ihimizer/img192/6910/watermarkc.png);
width: 300px;
height: 30px;
margin: 0 auto;
display: block;
position: relative;
}
.watermark img.blank {
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
}
.watermark img{
filter:alpha(opacity=90);
opacity:.90;
}
تغير الفأرة عند مرورها على أي رابط
- اقتباس :
- <style><!--BODY{ cursor:url("http://www.patmax.info/curseurs/brub2.cur"); }--></style>
كود لتغير حجم ولون البيانات الشخصيه
- اقتباس :
- .poster-profile, .midotop{
color: Blue;
font: 20px/20px Baskerville, Palatino, "Palatino Linotype",
"Book Antiqua", Georgia, serif;
margin: 0;
text-shadow: #105FE8 5px 5px 5px;
}
عدل سابقا من قبل maria في 2011-08-11, 5:20 pm عدل 19 مرات |
|
maria
عضو متألق
البلد :
مزاجي :
الجنس :
عدد المساهمات : 1293
تاريخ التسجيل : 07/05/2009
| |
