اريد صورة الرمزية دائرة
3 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
اريد صورة الرمزية دائرة
اريد صورة الرمزية دائرية
شفتها بكثير منتديات
ممكن الكود من فضلكم
عدل سابقا من قبل BEM 2017 في الثلاثاء 4 أكتوبر - 21:24 عدل 1 مرات
رد: اريد صورة الرمزية دائرة
تفضلي أختي
كود يجعل صورة العضو دائرية
هنــــــا
وايضا
كود يجعل صورة العضو دائرية
هنــــــا
وايضا
كود css جعل الصور الشخصية بشكل دائري
css جعل صورة العضو دائري بجوار اخر مساهمة
وينقل للقسم المناسبرد: اريد صورة الرمزية دائرة
الكود نجح اخي بس في مشكلة صورة الرتبة والدولة طلعت دائرية مثل ماتشوف بالصورة ارجوو الحل
رد: اريد صورة الرمزية دائرة
- الكود:
.poster-profile.postdetails img a{
background:#fff;
border:2px solid;
font-weight:lighter;
padding:5px;
border-radius:100px;
box-shadow:0 0px 4px rgba(0,0,0,.3),0 -1px 1px rgba(0,0,0,.3);
display:inline-block;
height:100px;
overflow:hidden;
margin:10px 0;
width:100px;
text-align:center
}
جرب هذا الكود
رد: اريد صورة الرمزية دائرة
مرحبا
جربي هذا
واليك آخر
جربي هذا
- الكود:
.mod-login-avatar
dt, #main-content > div.post .postprofile dt > a,
#fa_popup_content > div.post .postprofile dt > a, .postprofile dt
> img, .lastpost-avatar, td.avatar-mini img, .avatar, #userAvatar {
background: #FFF;
border-radius: 100px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3), 0px -1px 1px rgba(0, 0, 0, 0.3);
display: inline-block;
height: 100px;
width: 100px;
padding: 3px;
margin: 10px 0;
overflow: hidden;
}
واليك آخر
- الكود:
.lastpost-avatar img {
background:#CC99FF;
border-radius: 100px;
box-shadow: 3px 2px 3px #302217;
display: inline-block;
height: 100px;
width: 100px;
padding: 3px;
margin: 10px 0;
overflow: hidden;
}
رد: اريد صورة الرمزية دائرة
أختي العزيزة
لابد من حذف الكود القديم أولا قبل ان تضعي كود جديد
وهذا كود أخر
جربي هذا
لابد من حذف الكود القديم أولا قبل ان تضعي كود جديد
وهذا كود أخر
جربي هذا
- الكود:
.lastpost-avatar img {
border-radius: 100px;
background: #FFF;
border: solid #FFF;
box-shadow: 0px 0px 1px;
}
رد: اريد صورة الرمزية دائرة
فعلت ولكن دون جدوى اسفة على الازعاج / ممكن كود ال سي سي اس به كود معارض رح اعطيك الورقة وشوف الخلل
- الكود:
.lastpost-avatar img {
border-radius: 100px;
background: #FFF;
border: solid #FFF;
box-shadow: 0px 0px 1px;
}
#fa_popup_content > div.post .postprofile dt img, #main-content > div.post .postprofile dt img, #userAvatar img, .avatar img, .lastpost-avatar img, .mod-login-avatar dt > img, td.avatar-mini img {
border-radius: 100px;
height: 100px;
width: 100px;
}
.lastpost-avatar, .lastpost-avatar img, td.avatar-mini img {
height: 34px;
width: 34px;
}
.fa_login{background-color:#FFF;border:1px solid #00A5CD;border-radius:3px;width:105px;margin-right:5px;padding:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#fa_enter{background-color:#00B9E6;border:1px solid #00A5CD;border-radius:3px;padding:2px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#fa_enter:hover{background-color:#00A5CD}
/*---------- www.haya-m.net ----------- */
/* css قالب الشريط السفلي */
.afoot , .afoot a:link , .afoot_alink{
background: url('http://barbie-des.com/Summer/3.png');
color: #FFFFFF;
font: bold 11px tahoma;
text-decoration: none;
}
/*---------- www.haya-m.net ----------- */
/* css قالب الاحصائيات */
.Statistics , .Statistics a:link , .Statistics td.row1{
background: url('') #fbfafa;
color: #929394;
font:11px tahoma;
text-decoration: none;
}
.Statistics-1
{
background: url('') #96cab5;
color: #FFFFFF;
font: bold 14px Simplified Arabic;
text-align: center;
}
.Statistics-2
{
background: url('') #e1cf65;
color: #FFFFFF;
font: 11px tahoma;
}
.Stat2 , .Stat1
{
border-bottom: 1px dashed #D1D1D1;
}
.icon-stat1{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}
.icon-stat2{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}
.icon-stat3{
background: url('http://barbie-des.com/hjoor/misc/stats.gif');
width: 17px;
height: 14px;
}
.icon-stat4{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}
*---------- www.haya-m.net ----------- */
/* css قالب الفئات */
.tborder{
color: #000000;
font: 11px tahoma;
border: 0px solid #f3edf0;
}
.tcat{
background: url('http://barbie-des.com/Summer/1.png');
color: #FFFFFF;
font: bold 14px Simplified Arabic;
text-align: center;
}
.tcat a:link, .tcat_alink{
color: #ffffff;
text-decoration: none;
}
.thead , .thead a:link, .thead_alink{
background: url('http://barbie-des.com/Summer/2.png');
color: #FFFFFF;
font: 11px tahoma;
text-decoration: none;
}
.tfoot , .tfoot a:link, .tfoot_alink{
background: url('http://barbie-des.com/Summer/3.png');
color: #FFFFFF;
font: bold 11px tahoma;
text-decoration: none;
}
.alt1, .alt1Active {
background: #fcfcfc;
color: #c4d344;
font: bold 15px Simplified Arabic;
border-bottom: 1px dashed #D1D1D1;
text-decoration: none;
}
.alt2, .alt2Active {
background: #fcfcfc;
color: #e7ca3a;
font: bold 11px tahoma;
border-bottom: 1px dashed #D1D1D1;
text-decoration: none;
}
/* كود التقييم ------ www.haya-m.net -------*/
.HMlike {
background: #b1d689;
border-radius: 0px 3px 3px 0px;
padding: 2px 6px 2px 6px;
color: #fff;
font-size: 10px;
font-weight: bold;
font-family: Tahoma;
border: 1px solid #6fc810;
cursor: pointer;
white-space: nowrap;
}
.HMlike:hover{
background: #a5ce79; }
.Hvote { margin: 0 5px; }
.Hnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
.Hlikecount{
background: #6fc810;
border-radius: 3px 0px 0px 3px;
padding: 2px 3px 2px 3px;
color: #fff;
font-size: 10px;
font-weight: bold;
font-family: Tahoma;
cursor: pointer;
white-space: nowrap;
border: 1px solid #6fc810;
}
.poster-profile{
background-image:url(http://im37.gulfup.com/d97LT.png);
display:block;font-size:11px;font weight:700;margin:3px;padding:7px}
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-4/oth305.cur), progress !important;} /* End http://www.cursors-4u.com */
/*------------لوضع خلفيه للتشكيلات العامه-------------------*/
div.gensmall{
back24 url(http://im31.gulfup.co/0t5cN.png) repeat;
border: 3px double #A4C100;
}
/*----- زووم لصور المواضيع -----*/
.postbody img{
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
}
span.forumlink,Ali Nani {
display: block;
width: 400px;
Ali Nani;
height: 23px;
vertical-align: middle;
text-align: center;
Ali Nani;
background-image: url('http://im34.gulfup.com/5GVGk.png');
background-color: transparent;
margin-top: -5px;
Ali Nani;
margin-left: auto;
margin-right: auto;
Ali Nani;
border: 0;
}
tion(){$(function(){
if ($("#text_editor_textarea").length != 0) {
var lista5ColoresPorGama = [];
//################### ZONA EDITABLE ###################################################################################
lista5ColoresPorGama["ffffff"] = ["f2f2f2", "d8d8d8", "bfbfbf", "a5a5a5", "7f7f7f"];
lista5ColoresPorGama["000000"] = ["7f7f7f", "595959", "3f3f3f", "262626", "0c0c0c"];
lista5ColoresPorGama["eeece1"] = ["ddd9c3", "c4bd97", "938953", "494429", "1d1b10"];
lista5ColoresPorGama["1f497d"] = ["c6d9f0", "8db3e2", "548dd4", "17365d", "0f243e"];
lista5ColoresPorGama["4f81bd"] = ["dbe5f1", "b8cce4", "95b3d7", "366092", "244061"];
lista5ColoresPorGama["c0504d"] = ["f2dcdb", "e5b9b7", "d99694", "953734", "632423"];
lista5ColoresPorGama["9bbb59"] = ["ebf1dd", "d7e3bc", "c3d69b", "76923c", "4f6128"];
lista5ColoresPorGama["8064a2"] = ["e5e0ec", "ccc1d9", "b2a2c7", "5f497a", "3f3151"];
lista5ColoresPorGama["4bacc6"] = ["dbeef3", "b7dde8", "92cddc", "31859b", "205867"];
lista5ColoresPorGama["f79646"] = ["fdeada", "fbd5b5", "fac08f", "e36c09", "974806"];
var lista10ColoresBasicos = ["c00000", "ff0000", "ffc000", "ffff00", "92d050", "00b050", "00b0f0", "0070c0", "002060", "7030a0"];
//################### FIN ZONA EDITABLE ################################################################################
$.sceditor.command.get('color')._dropDown = $.sceditor.command.get('color')._menu = function (editor, caller, callback) {
var content = $(""),
cmd = $.sceditor.command.get('color');
if (!cmd._htmlCache) {
var pre = '';
var coloresGama = "";
for (var col = 0; col < 5; col++) {
for (key in lista5ColoresPorGama) {
if (lista5ColoresPorGama[key][col]) coloresGama += lista5ColoresPorGama[key][col] + ",";
}
}
coloresGama = coloresGama.substring(0, coloresGama.length - 1);
var htmlGen = [pre, Object.keys(lista5ColoresPorGama).toString().split(',').join(suf + pre), suf].join('');
var htmlList = [pre, coloresGama.split(',').join(suf + pre), suf].join('');
var htmlStandard = [pre, lista10ColoresBasicos.toString().split(',').join(suf + pre), suf].join('');
var htmlGeneralPanel = ['', htmlGen, '', htmlList, '', htmlStandard, ''].join('');
cmd._htmlCache = htmlGeneralPanel;
}
content.append(cmd._htmlCache).find('strong').click(function (e) {
callback($(this).attr('style').substr(17, 7));
editor.closeDropDown(true);
e.preventDefault();
});
editor.createDropDown(caller, "color-picker", content);
}
}
})
});
/*Mohamed Nsr كود اضافة زر الالوان في الصندوق الماسي*/
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://im38.gulfup.com/rxrjB.jpg) !important;
font-family: Arial, Helvetica, sans-serif;
display: none;
padding: 0 !important;
}
.colorpicker.dark{
background: url(http://im35.gulfup.com/Vliab.jpg) !important;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0 !important;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
left: 212px;
top: 142px;
}
.colorpicker.dark .colorpicker_hex {
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
top: 52px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
top: 82px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
top: 112px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
display: none;
}
.colorpicker_submit {
position: absolute;
background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
cursor: pointer;
right: 10px;
width: 48px;
height: 50px;
top: 118px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
.colorpicker { z-index: 3; }
/*انتهاء الكود Mohamed Nsr*/
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1136.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1136.gif), progress !important;} /* End http://www.cursors-4u.com */
[center][size=19][color=#9400d3][font=Arial Black]body #fa_toolbar {[/font][/color][/size][/center]
[center][size=19][color=#9400d3][font=Arial Black] background: #31485c url(http://3.bp.blogspot.com/-_SHIv7lRv3c/VH26z4dabnI/AAAAAAAAB5Q/xWeLv2EL6YU/s1600/Chevron_AntiqueBlue1_Paper.png) repeat-x scroll 50% 0;[/font][/color][/size][/center]
[center][color=#9400d3][font=Arial Black][size=19]
[/size][/font][/color][/center]
[center][size=19][color=#9400d3][font=Arial Black]}[/font][/color][/size][/center]
.HMlike{background:#b1d689;border-radius:0 3px 3px 0;padding:2px 6px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;border:1px solid #6fc810;cursor:pointer;white-space:nowrap}
.HMlike:hover{background:#a5ce79}
.Hvote{margin:0 5px}
.Hnovote{filter:Alpha(opacity=50);opacity:.5;cursor:default;box-shadow:none;text-shadow:none}
.Hlikecount{background:#6fc810;border-radius:3px 0 0 3px;padding:2px 3px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;cursor:pointer;white-space:nowrap;border:1px solid #6fc810}
a strong {
background : url(http://67.media.tumblr.com/46dad4bfc1be22a38ab55af39392753c/tumblr_inline_n0vux1XzSy1rxsw83.gif) no-repeat right;
padding : 0 15px 0 20px;
}
ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-c10.gif) repeat-x scroll center bottom #FFF;border:1px solid #E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
.hima-elmasry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_a10.png) no-repeat scroll center top transparent;padding:20px;width:150px}
.hima{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-b12.png) repeat-x scroll left top #37DCFC;border-bottom:2px solid #F2812E;color:#003;font-family:arial;font-size:12pt;font-style:normal;font-variant:normal;font-weight:700;text-shadow:1px 1px 1px #888;width:185px}
.masry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_s10.png) no-repeat scroll left top transparent;height:12px;margin:auto;position:relative;width:185px}
.ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima2010.gif) repeat-x scroll center bottom #FFF;border:1px solid #E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
.sidebaritem{background:url() repeat-x scroll 0 0 #FBFBFB;border-color:#D1D1E1;border-style:solid;border-width:1px 2px 1px 1px;font-size:11px;padding:0;width:180px}
.AVATAR img{wi.AVATAR img{height:220px;width:165px}
.postbitbox{background-color:#f4fcfe;border-top:solid 2px #f4fcfe;border-left:solid 2px #f4fcfe;border-right:solid 2px #f4fcfe;border-bottom:solid 2px #f4fcfe;padding:2px;color:#000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-khtml-border-radius:5px;-moz-box-shadow:0 0 6px #137e9c;-webkit-box-shadow:0 0 6px #137e9c;box-shadow:0 0 6px #137e9c}
.pbit{background-color:#f4fcfe;border-top:1px solid #99dff3;border-left:2px solid #99dff3;border-right:1px solid #99dff3;border-bottom:2px solid #99dff3;margin-bottom:3px;padding:3px 0 3px 3px}
.pbit:hover{background-color:#e5f7fc}
.content{width:700px;margin:10px;float:right}
.a7la7ekayaa{width:200px;margin:10px;float:left;padding:5px}
.a7la7ekaya{border:1px solid #D1D1E1;border-right:2px solid #D1D1E1;width:200px;background:#fbfbfb url(images/misc/alts.gif) repeat-x;padding:5px}
.clear{clear:both}dth:150px}
lastpost-avatar img {
background:#CC99FF;
border-radius: 100px;
box-shadow: 3px 2px 3px #302217;
display: inline-block;
height: 100px;
width: 100px;
padding: 3px;
margin: 10px 0;
overflow: hidden;
}
.chatbox-title {
display:none;
}
#chatbox_header {
background:transparent
urlhttp://c.top4top.net/p_254fd841.png) no-repeat
scroll 0 0;
}
.twrank{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border : 1px dashed #ff0404;
border-width : 1px
border-color : #fc0c0c;
padding : 2px 2px;
background-repeat : repeat;
background-color : #f0feff;
background-image : url();
background-position : top;
overflow : visible;
vertical-align : middle;
}
//
[center][size=19][color=#9400d3][font=Arial Black]body #fa_toolbar {[/font][/color][/size][/center]
[center][size=19][color=#9400d3][font=Arial Black] background: #31485c url(http://www.arabotaku.com/forums/imghost/211648c96f21edc17.jpg
) repeat-x scroll 50% 0;[/font][/color][/size][/center]
[center][color=#9400d3][font=Arial Black][size=19]
[/size][/font][/color][/center]
[center][size=19][color=#9400d3][font=Arial Black]}[/font][/color][/size][/center]
.lastpost-avatar img {
background:#CC99FF;
border-radius: 100px;
box-shadow: 3px 2px 3px #302217;
display: inline-block;
height: 100px;
width: 100px;
padding: 3px;
margin: 10px 0;
overflow: hidden;
}
رد: اريد صورة الرمزية دائرة
اليك هذا أختي
كان هناك اكواد مكررة وأخطاء تمت ازالتها من الورقة
ضعي الورقة وسجلي واخبرينا بالنتيجة
- الكود:
.fa_login{background-color:#FFF;border:1px solid #00A5CD;border-radius:3px;width:105px;margin-right:5px;padding:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#fa_enter{background-color:#00B9E6;border:1px solid #00A5CD;border-radius:3px;padding:2px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#fa_enter:hover{background-color:#00A5CD}
/*---------- www.haya-m.net ----------- */
/* css قالب الشريط السفلي */
.afoot , .afoot a:link , .afoot_alink{
background: url('http://barbie-des.com/Summer/3.png');
color: #FFFFFF;
font: bold 11px tahoma;
text-decoration: none;
}
/*---------- www.haya-m.net ----------- */
/* css قالب الاحصائيات */
.Statistics , .Statistics a:link , .Statistics td.row1{
background: url('') #fbfafa;
color: #929394;
font:11px tahoma;
text-decoration: none;
}
.Statistics-1
{
background: url('') #96cab5;
color: #FFFFFF;
font: bold 14px Simplified Arabic;
text-align: center;
}
.Statistics-2
{
background: url('') #e1cf65;
color: #FFFFFF;
font: 11px tahoma;
}
.Stat2 , .Stat1
{
border-bottom: 1px dashed #D1D1D1;
}
.icon-stat1{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}
.icon-stat2{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}
.icon-stat3{
background: url('http://barbie-des.com/hjoor/misc/stats.gif');
width: 17px;
height: 14px;
}
.icon-stat4{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}
*---------- www.haya-m.net ----------- */
/* css قالب الفئات */
.tborder{
color: #000000;
font: 11px tahoma;
border: 0px solid #f3edf0;
}
.tcat{
background: url('http://barbie-des.com/Summer/1.png');
color: #FFFFFF;
font: bold 14px Simplified Arabic;
text-align: center;
}
.tcat a:link, .tcat_alink{
color: #ffffff;
text-decoration: none;
}
.thead , .thead a:link, .thead_alink{
background: url('http://barbie-des.com/Summer/2.png');
color: #FFFFFF;
font: 11px tahoma;
text-decoration: none;
}
.tfoot , .tfoot a:link, .tfoot_alink{
background: url('http://barbie-des.com/Summer/3.png');
color: #FFFFFF;
font: bold 11px tahoma;
text-decoration: none;
}
.alt1, .alt1Active {
background: #fcfcfc;
color: #c4d344;
font: bold 15px Simplified Arabic;
border-bottom: 1px dashed #D1D1D1;
text-decoration: none;
}
.alt2, .alt2Active {
background: #fcfcfc;
color: #e7ca3a;
font: bold 11px tahoma;
border-bottom: 1px dashed #D1D1D1;
text-decoration: none;
}
/* كود التقييم ------ www.haya-m.net -------*/
.HMlike {
background: #b1d689;
border-radius: 0px 3px 3px 0px;
padding: 2px 6px 2px 6px;
color: #fff;
font-size: 10px;
font-weight: bold;
font-family: Tahoma;
border: 1px solid #6fc810;
cursor: pointer;
white-space: nowrap;
}
.HMlike:hover{
background: #a5ce79; }
.Hvote { margin: 0 5px; }
.Hnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
.Hlikecount{
background: #6fc810;
border-radius: 3px 0px 0px 3px;
padding: 2px 3px 2px 3px;
color: #fff;
font-size: 10px;
font-weight: bold;
font-family: Tahoma;
cursor: pointer;
white-space: nowrap;
border: 1px solid #6fc810;
}
.poster-profile.postdetails img{
background:#fff;
border:2px solid;
font-weight:lighter;
padding:5px;
border-radius:100px;
box-shadow:0 0px 4px rgba(0,0,0,.3),0 -1px 1px rgba(0,0,0,.3);
display:inline-block;
height:100px;
overflow:hidden;
margin:10px 0;
width:100px;
text-align:center
}
/*------------لوضع خلفيه للتشكيلات العامه-------------------*/
div.gensmall{
back24 url(http://im31.gulfup.co/0t5cN.png) repeat;
border: 3px double #A4C100;
}
/*----- زووم لصور المواضيع -----*/
.postbody img{
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
}
span.forumlink,Ali Nani {
display: block;
width: 400px;
Ali Nani;
height: 23px;
vertical-align: middle;
text-align: center;
Ali Nani;
background-image: url('http://im34.gulfup.com/5GVGk.png');
background-color: transparent;
margin-top: -5px;
Ali Nani;
margin-left: auto;
margin-right: auto;
Ali Nani;
border: 0;
}
tion(){$(function(){
if ($("#text_editor_textarea").length != 0) {
var lista5ColoresPorGama = [];
//################### ZONA EDITABLE ###################################################################################
lista5ColoresPorGama["ffffff"] = ["f2f2f2", "d8d8d8", "bfbfbf", "a5a5a5", "7f7f7f"];
lista5ColoresPorGama["000000"] = ["7f7f7f", "595959", "3f3f3f", "262626", "0c0c0c"];
lista5ColoresPorGama["eeece1"] = ["ddd9c3", "c4bd97", "938953", "494429", "1d1b10"];
lista5ColoresPorGama["1f497d"] = ["c6d9f0", "8db3e2", "548dd4", "17365d", "0f243e"];
lista5ColoresPorGama["4f81bd"] = ["dbe5f1", "b8cce4", "95b3d7", "366092", "244061"];
lista5ColoresPorGama["c0504d"] = ["f2dcdb", "e5b9b7", "d99694", "953734", "632423"];
lista5ColoresPorGama["9bbb59"] = ["ebf1dd", "d7e3bc", "c3d69b", "76923c", "4f6128"];
lista5ColoresPorGama["8064a2"] = ["e5e0ec", "ccc1d9", "b2a2c7", "5f497a", "3f3151"];
lista5ColoresPorGama["4bacc6"] = ["dbeef3", "b7dde8", "92cddc", "31859b", "205867"];
lista5ColoresPorGama["f79646"] = ["fdeada", "fbd5b5", "fac08f", "e36c09", "974806"];
var lista10ColoresBasicos = ["c00000", "ff0000", "ffc000", "ffff00", "92d050", "00b050", "00b0f0", "0070c0", "002060", "7030a0"];
//################### FIN ZONA EDITABLE ################################################################################
$.sceditor.command.get('color')._dropDown = $.sceditor.command.get('color')._menu = function (editor, caller, callback) {
var content = $(""),
cmd = $.sceditor.command.get('color');
if (!cmd._htmlCache) {
var pre = '';
var coloresGama = "";
for (var col = 0; col < 5; col++) {
for (key in lista5ColoresPorGama) {
if (lista5ColoresPorGama[key][col]) coloresGama += lista5ColoresPorGama[key][col] + ",";
}
}
coloresGama = coloresGama.substring(0, coloresGama.length - 1);
var htmlGen = [pre, Object.keys(lista5ColoresPorGama).toString().split(',').join(suf + pre), suf].join('');
var htmlList = [pre, coloresGama.split(',').join(suf + pre), suf].join('');
var htmlStandard = [pre, lista10ColoresBasicos.toString().split(',').join(suf + pre), suf].join('');
var htmlGeneralPanel = ['', htmlGen, '', htmlList, '', htmlStandard, ''].join('');
cmd._htmlCache = htmlGeneralPanel;
}
content.append(cmd._htmlCache).find('strong').click(function (e) {
callback($(this).attr('style').substr(17, 7));
editor.closeDropDown(true);
e.preventDefault();
});
editor.createDropDown(caller, "color-picker", content);
}
}
})
});
/*Mohamed Nsr كود اضافة زر الالوان في الصندوق الماسي*/
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://im38.gulfup.com/rxrjB.jpg) !important;
font-family: Arial, Helvetica, sans-serif;
display: none;
padding: 0 !important;
}
.colorpicker.dark{
background: url(http://im35.gulfup.com/Vliab.jpg) !important;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0 !important;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
left: 212px;
top: 142px;
}
.colorpicker.dark .colorpicker_hex {
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
top: 52px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
top: 82px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
top: 112px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
display: none;
}
.colorpicker_submit {
position: absolute;
background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
cursor: pointer;
right: 10px;
width: 48px;
height: 50px;
top: 118px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
.colorpicker { z-index: 3; }
/*انتهاء الكود Mohamed Nsr*/
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1136.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1136.gif), progress !important;} /* End http://www.cursors-4u.com */
[center][size=19][color=#9400d3][font=Arial Black]body #fa_toolbar {[/font][/color][/size][/center]
[center][size=19][color=#9400d3][font=Arial Black] background: #31485c url(http://3.bp.blogspot.com/-_SHIv7lRv3c/VH26z4dabnI/AAAAAAAAB5Q/xWeLv2EL6YU/s1600/Chevron_AntiqueBlue1_Paper.png) repeat-x scroll 50% 0;[/font][/color][/size][/center]
[center][color=#9400d3][font=Arial Black][size=19]
[/size][/font][/color][/center]
[center][size=19][color=#9400d3][font=Arial Black]}[/font][/color][/size][/center]
.HMlike{background:#b1d689;border-radius:0 3px 3px 0;padding:2px 6px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;border:1px solid #6fc810;cursor:pointer;white-space:nowrap}
.HMlike:hover{background:#a5ce79}
.Hvote{margin:0 5px}
.Hnovote{filter:Alpha(opacity=50);opacity:.5;cursor:default;box-shadow:none;text-shadow:none}
.Hlikecount{background:#6fc810;border-radius:3px 0 0 3px;padding:2px 3px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;cursor:pointer;white-space:nowrap;border:1px solid #6fc810}
a strong {
background : url(http://67.media.tumblr.com/46dad4bfc1be22a38ab55af39392753c/tumblr_inline_n0vux1XzSy1rxsw83.gif) no-repeat right;
padding : 0 15px 0 20px;
}
ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-c10.gif) repeat-x scroll center bottom #FFF;border:1px solid #E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
.hima-elmasry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_a10.png) no-repeat scroll center top transparent;padding:20px;width:150px}
.hima{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-b12.png) repeat-x scroll left top #37DCFC;border-bottom:2px solid #F2812E;color:#003;font-family:arial;font-size:12pt;font-style:normal;font-variant:normal;font-weight:700;text-shadow:1px 1px 1px #888;width:185px}
.masry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_s10.png) no-repeat scroll left top transparent;height:12px;margin:auto;position:relative;width:185px}
.ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima2010.gif) repeat-x scroll center bottom #FFF;border:1px solid #E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
.sidebaritem{background:url() repeat-x scroll 0 0 #FBFBFB;border-color:#D1D1E1;border-style:solid;border-width:1px 2px 1px 1px;font-size:11px;padding:0;width:180px}
.chatbox-title {
display:none;
}
#chatbox_header {
background:transparent
urlhttp://c.top4top.net/p_254fd841.png) no-repeat
scroll 0 0;
}
.twrank{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border : 1px dashed #ff0404;
border-width : 1px
border-color : #fc0c0c;
padding : 2px 2px;
background-repeat : repeat;
background-color : #f0feff;
background-image : url();
background-position : top;
overflow : visible;
vertical-align : middle;
}
كان هناك اكواد مكررة وأخطاء تمت ازالتها من الورقة
ضعي الورقة وسجلي واخبرينا بالنتيجة
عدل سابقا من قبل ahd allah في الإثنين 3 أكتوبر - 17:21 عدل 2 مرات
رد: اريد صورة الرمزية دائرة
اكواد css خاطئة وضعها تم تعديل جرب الان
- الكود:
#fa_popup_content > div.post .postprofile dt img, #main-content > div.post .postprofile dt img, #userAvatar img, .avatar img, .lastpost-avatar img, .mod-login-avatar dt > img, td.avatar-mini img {
border-radius: 100px;
height: 100px;
width: 100px;
}
.lastpost-avatar, .lastpost-avatar img, td.avatar-mini img {
height: 34px;
width: 34px;
}
.fa_login{background-color:#FFF;border:1px solid #00A5CD;border-radius:3px;width:105px;margin-right:5px;padding:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#fa_enter{background-color:#00B9E6;border:1px solid #00A5CD;border-radius:3px;padding:2px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#fa_enter:hover{background-color:#00A5CD}
/*---------- www.haya-m.net ----------- */
/* css قالب الشريط السفلي */
.afoot , .afoot a:link , .afoot_alink{
background: url('http://barbie-des.com/Summer/3.png');
color: #FFFFFF;
font: bold 11px tahoma;
text-decoration: none;
}
/*---------- www.haya-m.net ----------- */
/* css قالب الاحصائيات */
.Statistics , .Statistics a:link , .Statistics td.row1{
background: url('') #fbfafa;
color: #929394;
font:11px tahoma;
text-decoration: none;
}
.Statistics-1
{
background: url('') #96cab5;
color: #FFFFFF;
font: bold 14px Simplified Arabic;
text-align: center;
}
.Statistics-2
{
background: url('') #e1cf65;
color: #FFFFFF;
font: 11px tahoma;
}
.Stat2 , .Stat1
{
border-bottom: 1px dashed #D1D1D1;
}
.icon-stat1{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}
.icon-stat2{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}
.icon-stat3{
background: url('http://barbie-des.com/hjoor/misc/stats.gif');
width: 17px;
height: 14px;
}
.icon-stat4{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}
*---------- www.haya-m.net ----------- */
/* css قالب الفئات */
.tborder{
color: #000000;
font: 11px tahoma;
border: 0px solid #f3edf0;
}
.tcat{
background: url('http://barbie-des.com/Summer/1.png');
color: #FFFFFF;
font: bold 14px Simplified Arabic;
text-align: center;
}
.tcat a:link, .tcat_alink{
color: #ffffff;
text-decoration: none;
}
.thead , .thead a:link, .thead_alink{
background: url('http://barbie-des.com/Summer/2.png');
color: #FFFFFF;
font: 11px tahoma;
text-decoration: none;
}
.tfoot , .tfoot a:link, .tfoot_alink{
background: url('http://barbie-des.com/Summer/3.png');
color: #FFFFFF;
font: bold 11px tahoma;
text-decoration: none;
}
.alt1, .alt1Active {
background: #fcfcfc;
color: #c4d344;
font: bold 15px Simplified Arabic;
border-bottom: 1px dashed #D1D1D1;
text-decoration: none;
}
.alt2, .alt2Active {
background: #fcfcfc;
color: #e7ca3a;
font: bold 11px tahoma;
border-bottom: 1px dashed #D1D1D1;
text-decoration: none;
}
/* كود التقييم ------ www.haya-m.net -------*/
.HMlike {
background: #b1d689;
border-radius: 0px 3px 3px 0px;
padding: 2px 6px 2px 6px;
color: #fff;
font-size: 10px;
font-weight: bold;
font-family: Tahoma;
border: 1px solid #6fc810;
cursor: pointer;
white-space: nowrap;
}
.HMlike:hover{
background: #a5ce79; }
.Hvote { margin: 0 5px; }
.Hnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
.Hlikecount{
background: #6fc810;
border-radius: 3px 0px 0px 3px;
padding: 2px 3px 2px 3px;
color: #fff;
font-size: 10px;
font-weight: bold;
font-family: Tahoma;
cursor: pointer;
white-space: nowrap;
border: 1px solid #6fc810;
}
.poster-profile{
background-image:url(http://im37.gulfup.com/d97LT.png);
display:block;font-size:11px;font weight:700;margin:3px;padding:7px}
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-4/oth305.cur), progress !important;} /* End http://www.cursors-4u.com */
/*------------لوضع خلفيه للتشكيلات العامه-------------------*/
div.gensmall{
back24 url(http://im31.gulfup.co/0t5cN.png) repeat;
border: 3px double #A4C100;
}
/*----- زووم لصور المواضيع -----*/
.postbody img{
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
}
span.forumlink,Ali Nani {
display: block;
width: 400px;
Ali Nani;
height: 23px;
vertical-align: middle;
text-align: center;
Ali Nani;
background-image: url('http://im34.gulfup.com/5GVGk.png');
background-color: transparent;
margin-top: -5px;
Ali Nani;
margin-left: auto;
margin-right: auto;
Ali Nani;
border: 0;
}
tion(){$(function(){
if ($("#text_editor_textarea").length != 0) {
var lista5ColoresPorGama = [];
//################### ZONA EDITABLE ###################################################################################
lista5ColoresPorGama["ffffff"] = ["f2f2f2", "d8d8d8", "bfbfbf", "a5a5a5", "7f7f7f"];
lista5ColoresPorGama["000000"] = ["7f7f7f", "595959", "3f3f3f", "262626", "0c0c0c"];
lista5ColoresPorGama["eeece1"] = ["ddd9c3", "c4bd97", "938953", "494429", "1d1b10"];
lista5ColoresPorGama["1f497d"] = ["c6d9f0", "8db3e2", "548dd4", "17365d", "0f243e"];
lista5ColoresPorGama["4f81bd"] = ["dbe5f1", "b8cce4", "95b3d7", "366092", "244061"];
lista5ColoresPorGama["c0504d"] = ["f2dcdb", "e5b9b7", "d99694", "953734", "632423"];
lista5ColoresPorGama["9bbb59"] = ["ebf1dd", "d7e3bc", "c3d69b", "76923c", "4f6128"];
lista5ColoresPorGama["8064a2"] = ["e5e0ec", "ccc1d9", "b2a2c7", "5f497a", "3f3151"];
lista5ColoresPorGama["4bacc6"] = ["dbeef3", "b7dde8", "92cddc", "31859b", "205867"];
lista5ColoresPorGama["f79646"] = ["fdeada", "fbd5b5", "fac08f", "e36c09", "974806"];
var lista10ColoresBasicos = ["c00000", "ff0000", "ffc000", "ffff00", "92d050", "00b050", "00b0f0", "0070c0", "002060", "7030a0"];
//################### FIN ZONA EDITABLE ################################################################################
$.sceditor.command.get('color')._dropDown = $.sceditor.command.get('color')._menu = function (editor, caller, callback) {
var content = $(""),
cmd = $.sceditor.command.get('color');
if (!cmd._htmlCache) {
var pre = '';
var coloresGama = "";
for (var col = 0; col < 5; col++) {
for (key in lista5ColoresPorGama) {
if (lista5ColoresPorGama[key][col]) coloresGama += lista5ColoresPorGama[key][col] + ",";
}
}
coloresGama = coloresGama.substring(0, coloresGama.length - 1);
var htmlGen = [pre, Object.keys(lista5ColoresPorGama).toString().split(',').join(suf + pre), suf].join('');
var htmlList = [pre, coloresGama.split(',').join(suf + pre), suf].join('');
var htmlStandard = [pre, lista10ColoresBasicos.toString().split(',').join(suf + pre), suf].join('');
var htmlGeneralPanel = ['', htmlGen, '', htmlList, '', htmlStandard, ''].join('');
cmd._htmlCache = htmlGeneralPanel;
}
content.append(cmd._htmlCache).find('strong').click(function (e) {
callback($(this).attr('style').substr(17, 7));
editor.closeDropDown(true);
e.preventDefault();
});
editor.createDropDown(caller, "color-picker", content);
}
}
})
});
/*Mohamed Nsr كود اضافة زر الالوان في الصندوق الماسي*/
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://im38.gulfup.com/rxrjB.jpg) !important;
font-family: Arial, Helvetica, sans-serif;
display: none;
padding: 0 !important;
}
.colorpicker.dark{
background: url(http://im35.gulfup.com/Vliab.jpg) !important;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0 !important;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
left: 212px;
top: 142px;
}
.colorpicker.dark .colorpicker_hex {
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
top: 52px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
top: 82px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
top: 112px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
display: none;
}
.colorpicker_submit {
position: absolute;
background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
cursor: pointer;
right: 10px;
width: 48px;
height: 50px;
top: 118px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
.colorpicker { z-index: 3; }
/*انتهاء الكود Mohamed Nsr*/
#fa_toolbar {
background: #31485c url(http://3.bp.blogspot.com/-_SHIv7lRv3c/VH26z4dabnI/AAAAAAAAB5Q/xWeLv2EL6YU/s1600/Chevron_AntiqueBlue1_Paper.png) repeat-x scroll 50% 0;
}
.HMlike{background:#b1d689;border-radius:0 3px 3px 0;padding:2px 6px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;border:1px solid #6fc810;cursor:pointer;white-space:nowrap}
.HMlike:hover{background:#a5ce79}
.Hvote{margin:0 5px}
.Hnovote{filter:Alpha(opacity=50);opacity:.5;cursor:default;box-shadow:none;text-shadow:none}
.Hlikecount{background:#6fc810;border-radius:3px 0 0 3px;padding:2px 3px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;cursor:pointer;white-space:nowrap;border:1px solid #6fc810}
a strong {
background : url(http://67.media.tumblr.com/46dad4bfc1be22a38ab55af39392753c/tumblr_inline_n0vux1XzSy1rxsw83.gif) no-repeat right;
padding : 0 15px 0 20px;
}
ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-c10.gif) repeat-x scroll center bottom #FFF;border:1px solid #E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
.hima-elmasry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_a10.png) no-repeat scroll center top transparent;padding:20px;width:150px}
.hima{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-b12.png) repeat-x scroll left top #37DCFC;border-bottom:2px solid #F2812E;color:#003;font-family:arial;font-size:12pt;font-style:normal;font-variant:normal;font-weight:700;text-shadow:1px 1px 1px #888;width:185px}
.masry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_s10.png) no-repeat scroll left top transparent;height:12px;margin:auto;position:relative;width:185px}
.ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima2010.gif) repeat-x scroll center bottom #FFF;border:1px solid #E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
.sidebaritem{background:url() repeat-x scroll 0 0 #FBFBFB;border-color:#D1D1E1;border-style:solid;border-width:1px 2px 1px 1px;font-size:11px;padding:0;width:180px}
.AVATAR img{wi.AVATAR img{height:220px;width:165px}
.postbitbox{background-color:#f4fcfe;border-top:solid 2px #f4fcfe;border-left:solid 2px #f4fcfe;border-right:solid 2px #f4fcfe;border-bottom:solid 2px #f4fcfe;padding:2px;color:#000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-khtml-border-radius:5px;-moz-box-shadow:0 0 6px #137e9c;-webkit-box-shadow:0 0 6px #137e9c;box-shadow:0 0 6px #137e9c}
.pbit{background-color:#f4fcfe;border-top:1px solid #99dff3;border-left:2px solid #99dff3;border-right:1px solid #99dff3;border-bottom:2px solid #99dff3;margin-bottom:3px;padding:3px 0 3px 3px}
.pbit:hover{background-color:#e5f7fc}
.content{width:700px;margin:10px;float:right}
.a7la7ekayaa{width:200px;margin:10px;float:left;padding:5px}
.a7la7ekaya{border:1px solid #D1D1E1;border-right:2px solid #D1D1E1;width:200px;background:#fbfbfb url(images/misc/alts.gif) repeat-x;padding:5px}
.clear{clear:both}dth:150px}
.chatbox-title {
display:none;
}
#chatbox_header {
background:transparent
urlhttp://c.top4top.net/p_254fd841.png) no-repeat
scroll 0 0;
}
.twrank{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border : 1px dashed #ff0404;
border-width : 1px
border-color : #fc0c0c;
padding : 2px 2px;
background-repeat : repeat;
background-color : #f0feff;
background-image : url();
background-position : top;
overflow : visible;
vertical-align : middle;
}
#fa_toolbar {
background: #31485c url(http://www.arabotaku.com/forums/imghost/211648c96f21edc17.jpg
) repeat-x scroll 50% 0;
}
رد: اريد صورة الرمزية دائرة
جربي هذه الاكواد في ورقة التصميم
فهي تعمل جيدا
فهي تعمل جيدا
- الكود:
.poster-profile.postdetails img{
background:#fff;
border:2px solid;
font-weight:lighter;
padding:5px;
border-radius:100px;
box-shadow:0 0px 4px rgba(0,0,0,.3),0 -1px 1px rgba(0,0,0,.3);
display:inline-block;
height:100px;
overflow:hidden;
margin:10px 0;
width:100px;
text-align:center
}
.fa_login{background-color:#FFF;border:1px solid #00A5CD;border-radius:3px;width:105px;margin-right:5px;padding:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#fa_enter{background-color:#00B9E6;border:1px solid #00A5CD;border-radius:3px;padding:2px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#fa_enter:hover{background-color:#00A5CD}
/*---------- www.haya-m.net ----------- */
/* css قالب الشريط السفلي */
.afoot , .afoot a:link , .afoot_alink{
background: url('http://barbie-des.com/Summer/3.png');
color: #FFFFFF;
font: bold 11px tahoma;
text-decoration: none;
}
/*---------- www.haya-m.net ----------- */
/* css قالب الاحصائيات */
.Statistics , .Statistics a:link , .Statistics td.row1{
background: url('') #fbfafa;
color: #929394;
font:11px tahoma;
text-decoration: none;
}
.Statistics-1
{
background: url('') #96cab5;
color: #FFFFFF;
font: bold 14px Simplified Arabic;
text-align: center;
}
.Statistics-2
{
background: url('') #e1cf65;
color: #FFFFFF;
font: 11px tahoma;
}
.Stat2 , .Stat1
{
border-bottom: 1px dashed #D1D1D1;
}
.icon-stat1{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}
.icon-stat2{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}
.icon-stat3{
background: url('http://barbie-des.com/hjoor/misc/stats.gif');
width: 17px;
height: 14px;
}
.icon-stat4{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}
*---------- www.haya-m.net ----------- */
/* css قالب الفئات */
.tborder{
color: #000000;
font: 11px tahoma;
border: 0px solid #f3edf0;
}
.tcat{
background: url('http://barbie-des.com/Summer/1.png');
color: #FFFFFF;
font: bold 14px Simplified Arabic;
text-align: center;
}
.tcat a:link, .tcat_alink{
color: #ffffff;
text-decoration: none;
}
.thead , .thead a:link, .thead_alink{
background: url('http://barbie-des.com/Summer/2.png');
color: #FFFFFF;
font: 11px tahoma;
text-decoration: none;
}
.tfoot , .tfoot a:link, .tfoot_alink{
background: url('http://barbie-des.com/Summer/3.png');
color: #FFFFFF;
font: bold 11px tahoma;
text-decoration: none;
}
.alt1, .alt1Active {
background: #fcfcfc;
color: #c4d344;
font: bold 15px Simplified Arabic;
border-bottom: 1px dashed #D1D1D1;
text-decoration: none;
}
.alt2, .alt2Active {
background: #fcfcfc;
color: #e7ca3a;
font: bold 11px tahoma;
border-bottom: 1px dashed #D1D1D1;
text-decoration: none;
}
/* كود التقييم ------ www.haya-m.net -------*/
.HMlike {
background: #b1d689;
border-radius: 0px 3px 3px 0px;
padding: 2px 6px 2px 6px;
color: #fff;
font-size: 10px;
font-weight: bold;
font-family: Tahoma;
border: 1px solid #6fc810;
cursor: pointer;
white-space: nowrap;
}
.HMlike:hover{
background: #a5ce79; }
.Hvote { margin: 0 5px; }
.Hnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
.Hlikecount{
background: #6fc810;
border-radius: 3px 0px 0px 3px;
padding: 2px 3px 2px 3px;
color: #fff;
font-size: 10px;
font-weight: bold;
font-family: Tahoma;
cursor: pointer;
white-space: nowrap;
border: 1px solid #6fc810;
}
/*------------لوضع خلفيه للتشكيلات العامه-------------------*/
div.gensmall{
back24 url(http://im31.gulfup.co/0t5cN.png) repeat;
border: 3px double #A4C100;
}
/*----- زووم لصور المواضيع -----*/
.postbody img{
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
}
span.forumlink,Ali Nani {
display: block;
width: 400px;
Ali Nani;
height: 23px;
vertical-align: middle;
text-align: center;
Ali Nani;
background-image: url('http://im34.gulfup.com/5GVGk.png');
background-color: transparent;
margin-top: -5px;
Ali Nani;
margin-left: auto;
margin-right: auto;
Ali Nani;
border: 0;
}
tion(){$(function(){
if ($("#text_editor_textarea").length != 0) {
var lista5ColoresPorGama = [];
//################### ZONA EDITABLE ###################################################################################
lista5ColoresPorGama["ffffff"] = ["f2f2f2", "d8d8d8", "bfbfbf", "a5a5a5", "7f7f7f"];
lista5ColoresPorGama["000000"] = ["7f7f7f", "595959", "3f3f3f", "262626", "0c0c0c"];
lista5ColoresPorGama["eeece1"] = ["ddd9c3", "c4bd97", "938953", "494429", "1d1b10"];
lista5ColoresPorGama["1f497d"] = ["c6d9f0", "8db3e2", "548dd4", "17365d", "0f243e"];
lista5ColoresPorGama["4f81bd"] = ["dbe5f1", "b8cce4", "95b3d7", "366092", "244061"];
lista5ColoresPorGama["c0504d"] = ["f2dcdb", "e5b9b7", "d99694", "953734", "632423"];
lista5ColoresPorGama["9bbb59"] = ["ebf1dd", "d7e3bc", "c3d69b", "76923c", "4f6128"];
lista5ColoresPorGama["8064a2"] = ["e5e0ec", "ccc1d9", "b2a2c7", "5f497a", "3f3151"];
lista5ColoresPorGama["4bacc6"] = ["dbeef3", "b7dde8", "92cddc", "31859b", "205867"];
lista5ColoresPorGama["f79646"] = ["fdeada", "fbd5b5", "fac08f", "e36c09", "974806"];
var lista10ColoresBasicos = ["c00000", "ff0000", "ffc000", "ffff00", "92d050", "00b050", "00b0f0", "0070c0", "002060", "7030a0"];
//################### FIN ZONA EDITABLE ################################################################################
$.sceditor.command.get('color')._dropDown = $.sceditor.command.get('color')._menu = function (editor, caller, callback) {
var content = $(""),
cmd = $.sceditor.command.get('color');
if (!cmd._htmlCache) {
var pre = '';
var coloresGama = "";
for (var col = 0; col < 5; col++) {
for (key in lista5ColoresPorGama) {
if (lista5ColoresPorGama[key][col]) coloresGama += lista5ColoresPorGama[key][col] + ",";
}
}
coloresGama = coloresGama.substring(0, coloresGama.length - 1);
var htmlGen = [pre, Object.keys(lista5ColoresPorGama).toString().split(',').join(suf + pre), suf].join('');
var htmlList = [pre, coloresGama.split(',').join(suf + pre), suf].join('');
var htmlStandard = [pre, lista10ColoresBasicos.toString().split(',').join(suf + pre), suf].join('');
var htmlGeneralPanel = ['', htmlGen, '', htmlList, '', htmlStandard, ''].join('');
cmd._htmlCache = htmlGeneralPanel;
}
content.append(cmd._htmlCache).find('strong').click(function (e) {
callback($(this).attr('style').substr(17, 7));
editor.closeDropDown(true);
e.preventDefault();
});
editor.createDropDown(caller, "color-picker", content);
}
}
})
});
/*Mohamed Nsr كود اضافة زر الالوان في الصندوق الماسي*/
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://im38.gulfup.com/rxrjB.jpg) !important;
font-family: Arial, Helvetica, sans-serif;
display: none;
padding: 0 !important;
}
.colorpicker.dark{
background: url(http://im35.gulfup.com/Vliab.jpg) !important;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0 !important;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
left: 212px;
top: 142px;
}
.colorpicker.dark .colorpicker_hex {
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
top: 52px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
top: 82px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
top: 112px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
display: none;
}
.colorpicker_submit {
position: absolute;
background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
cursor: pointer;
right: 10px;
width: 48px;
height: 50px;
top: 118px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
.colorpicker { z-index: 3; }
/*انتهاء الكود Mohamed Nsr*/
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1136.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1136.gif), progress !important;} /* End http://www.cursors-4u.com */
[center][size=19][color=#9400d3][font=Arial Black]body #fa_toolbar {[/font][/color][/size][/center]
[center][size=19][color=#9400d3][font=Arial Black] background: #31485c url(http://3.bp.blogspot.com/-_SHIv7lRv3c/VH26z4dabnI/AAAAAAAAB5Q/xWeLv2EL6YU/s1600/Chevron_AntiqueBlue1_Paper.png) repeat-x scroll 50% 0;[/font][/color][/size][/center]
[center][color=#9400d3][font=Arial Black][size=19]
[/size][/font][/color][/center]
[center][size=19][color=#9400d3][font=Arial Black]}[/font][/color][/size][/center]
.HMlike{background:#b1d689;border-radius:0 3px 3px 0;padding:2px 6px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;border:1px solid #6fc810;cursor:pointer;white-space:nowrap}
.HMlike:hover{background:#a5ce79}
.Hvote{margin:0 5px}
.Hnovote{filter:Alpha(opacity=50);opacity:.5;cursor:default;box-shadow:none;text-shadow:none}
.Hlikecount{background:#6fc810;border-radius:3px 0 0 3px;padding:2px 3px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;cursor:pointer;white-space:nowrap;border:1px solid #6fc810}
a strong {
background : url(http://67.media.tumblr.com/46dad4bfc1be22a38ab55af39392753c/tumblr_inline_n0vux1XzSy1rxsw83.gif) no-repeat right;
padding : 0 15px 0 20px;
}
ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-c10.gif) repeat-x scroll center bottom #FFF;border:1px solid #E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
.hima-elmasry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_a10.png) no-repeat scroll center top transparent;padding:20px;width:150px}
.hima{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-b12.png) repeat-x scroll left top #37DCFC;border-bottom:2px solid #F2812E;color:#003;font-family:arial;font-size:12pt;font-style:normal;font-variant:normal;font-weight:700;text-shadow:1px 1px 1px #888;width:185px}
.masry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_s10.png) no-repeat scroll left top transparent;height:12px;margin:auto;position:relative;width:185px}
.ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima2010.gif) repeat-x scroll center bottom #FFF;border:1px solid #E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
.sidebaritem{background:url() repeat-x scroll 0 0 #FBFBFB;border-color:#D1D1E1;border-style:solid;border-width:1px 2px 1px 1px;font-size:11px;padding:0;width:180px}
.chatbox-title {
display:none;
}
#chatbox_header {
background:transparent
urlhttp://c.top4top.net/p_254fd841.png) no-repeat
scroll 0 0;
}
.twrank{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border : 1px dashed #ff0404;
border-width : 1px
border-color : #fc0c0c;
padding : 2px 2px;
background-repeat : repeat;
background-color : #f0feff;
background-image : url();
background-position : top;
overflow : visible;
vertical-align : middle;
}
رد: اريد صورة الرمزية دائرة
يعمل بس صورة الرتبة والدولة صارو دئريتان مثل مافي الصورة
الظاهر مافي حل المهم مشكورين على مساعدتيي
رد: اريد صورة الرمزية دائرة
تفضلي أختي غيري اكواد الورقة جميعا بهذه الاكواد
للصورة الرمزية فقط
للصورة الرمزية فقط
- الكود:
.poster-profile img {
border:2px solid;
padding:5px;
border-radius:100px;
display:inline-block;
height:100px;
overflow:hidden;
margin:10px 0;
width:100px;
text-align:center
}
.fa_login{background-color:#FFF;border:1px solid
#00A5CD;border-radius:3px;width:105px;margin-right:5px;padding:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#fa_enter{background-color:#00B9E6;border:1px solid
#00A5CD;border-radius:3px;padding:2px
5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#fa_enter:hover{background-color:#00A5CD}
/*---------- www.haya-m.net ----------- */
/* css قالب الشريط السفلي */
.afoot , .afoot a:link , .afoot_alink{
background: url('http://barbie-des.com/Summer/3.png');
color: #FFFFFF;
font: bold 11px tahoma;
text-decoration: none;
}
/*---------- www.haya-m.net ----------- */
/* css قالب الاحصائيات */
.Statistics , .Statistics a:link , .Statistics td.row1{
background: url('') #fbfafa;
color: #929394;
font:11px tahoma;
text-decoration: none;
}
.Statistics-1
{
background: url('') #96cab5;
color: #FFFFFF;
font: bold 14px Simplified Arabic;
text-align: center;
}
.Statistics-2
{
background: url('') #e1cf65;
color: #FFFFFF;
font: 11px tahoma;
}
.Stat2 , .Stat1
{
border-bottom: 1px dashed #D1D1D1;
}
.icon-stat1{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}
.icon-stat2{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}
.icon-stat3{
background: url('http://barbie-des.com/hjoor/misc/stats.gif');
width: 17px;
height: 14px;
}
.icon-stat4{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}
*---------- www.haya-m.net ----------- */
/* css قالب الفئات */
.tborder{
color: #000000;
font: 11px tahoma;
border: 0px solid #f3edf0;
}
.tcat{
background: url('http://barbie-des.com/Summer/1.png');
color: #FFFFFF;
font: bold 14px Simplified Arabic;
text-align: center;
}
.tcat a:link, .tcat_alink{
color: #ffffff;
text-decoration: none;
}
.thead , .thead a:link, .thead_alink{
background: url('http://barbie-des.com/Summer/2.png');
color: #FFFFFF;
font: 11px tahoma;
text-decoration: none;
}
.tfoot , .tfoot a:link, .tfoot_alink{
background: url('http://barbie-des.com/Summer/3.png');
color: #FFFFFF;
font: bold 11px tahoma;
text-decoration: none;
}
.alt1, .alt1Active {
background: #fcfcfc;
color: #c4d344;
font: bold 15px Simplified Arabic;
border-bottom: 1px dashed #D1D1D1;
text-decoration: none;
}
.alt2, .alt2Active {
background: #fcfcfc;
color: #e7ca3a;
font: bold 11px tahoma;
border-bottom: 1px dashed #D1D1D1;
text-decoration: none;
}
/* كود التقييم ------ www.haya-m.net -------*/
.HMlike {
background: #b1d689;
border-radius: 0px 3px 3px 0px;
padding: 2px 6px 2px 6px;
color: #fff;
font-size: 10px;
font-weight: bold;
font-family: Tahoma;
border: 1px solid #6fc810;
cursor: pointer;
white-space: nowrap;
}
.HMlike:hover{
background: #a5ce79; }
.Hvote { margin: 0 5px; }
.Hnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
.Hlikecount{
background: #6fc810;
border-radius: 3px 0px 0px 3px;
padding: 2px 3px 2px 3px;
color: #fff;
font-size: 10px;
font-weight: bold;
font-family: Tahoma;
cursor: pointer;
white-space: nowrap;
border: 1px solid #6fc810;
}
/*------------لوضع خلفيه للتشكيلات العامه-------------------*/
div.gensmall{
back24 url(http://im31.gulfup.co/0t5cN.png) repeat;
border: 3px double #A4C100;
}
/*----- زووم لصور المواضيع -----*/
.postbody img{
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
}
span.forumlink,Ali Nani {
display: block;
width: 400px;
Ali Nani;
height: 23px;
vertical-align: middle;
text-align: center;
Ali Nani;
background-image: url('http://im34.gulfup.com/5GVGk.png');
background-color: transparent;
margin-top: -5px;
Ali Nani;
margin-left: auto;
margin-right: auto;
Ali Nani;
border: 0;
}
tion(){$(function(){
if ($("#text_editor_textarea").length != 0) {
var lista5ColoresPorGama = [];
//################### ZONA EDITABLE ###################################################################################
lista5ColoresPorGama["ffffff"] = ["f2f2f2", "d8d8d8", "bfbfbf", "a5a5a5", "7f7f7f"];
lista5ColoresPorGama["000000"] = ["7f7f7f", "595959", "3f3f3f", "262626", "0c0c0c"];
lista5ColoresPorGama["eeece1"] = ["ddd9c3", "c4bd97", "938953", "494429", "1d1b10"];
lista5ColoresPorGama["1f497d"] = ["c6d9f0", "8db3e2", "548dd4", "17365d", "0f243e"];
lista5ColoresPorGama["4f81bd"] = ["dbe5f1", "b8cce4", "95b3d7", "366092", "244061"];
lista5ColoresPorGama["c0504d"] = ["f2dcdb", "e5b9b7", "d99694", "953734", "632423"];
lista5ColoresPorGama["9bbb59"] = ["ebf1dd", "d7e3bc", "c3d69b", "76923c", "4f6128"];
lista5ColoresPorGama["8064a2"] = ["e5e0ec", "ccc1d9", "b2a2c7", "5f497a", "3f3151"];
lista5ColoresPorGama["4bacc6"] = ["dbeef3", "b7dde8", "92cddc", "31859b", "205867"];
lista5ColoresPorGama["f79646"] = ["fdeada", "fbd5b5", "fac08f", "e36c09", "974806"];
var lista10ColoresBasicos = ["c00000", "ff0000", "ffc000", "ffff00",
"92d050", "00b050", "00b0f0", "0070c0", "002060", "7030a0"];
//################### FIN ZONA EDITABLE ################################################################################
$.sceditor.command.get('color')._dropDown = $.sceditor.command.get('color')._menu = function (editor, caller, callback) {
var content = $(""),
cmd = $.sceditor.command.get('color');
if (!cmd._htmlCache) {
var pre = '';
var coloresGama = "";
for (var col = 0; col < 5; col++) {
for (key in lista5ColoresPorGama) {
if (lista5ColoresPorGama[key][col]) coloresGama += lista5ColoresPorGama[key][col] + ",";
}
}
coloresGama = coloresGama.substring(0, coloresGama.length - 1);
var htmlGen = [pre, Object.keys(lista5ColoresPorGama).toString().split(',').join(suf + pre), suf].join('');
var htmlList = [pre, coloresGama.split(',').join(suf + pre), suf].join('');
var htmlStandard = [pre, lista10ColoresBasicos.toString().split(',').join(suf + pre), suf].join('');
var htmlGeneralPanel = ['', htmlGen, '', htmlList, '', htmlStandard, ''].join('');
cmd._htmlCache = htmlGeneralPanel;
}
content.append(cmd._htmlCache).find('strong').click(function (e) {
callback($(this).attr('style').substr(17, 7));
editor.closeDropDown(true);
e.preventDefault();
});
editor.createDropDown(caller, "color-picker", content);
}
}
})
});
/*Mohamed Nsr كود اضافة زر الالوان في الصندوق الماسي*/
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://im38.gulfup.com/rxrjB.jpg) !important;
font-family: Arial, Helvetica, sans-serif;
display: none;
padding: 0 !important;
}
.colorpicker.dark{
background: url(http://im35.gulfup.com/Vliab.jpg) !important;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0 !important;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
left: 212px;
top: 142px;
}
.colorpicker.dark .colorpicker_hex {
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
top: 52px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
top: 82px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
top: 112px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
display: none;
}
.colorpicker_submit {
position: absolute;
background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
cursor: pointer;
right: 10px;
width: 48px;
height: 50px;
top: 118px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
.colorpicker { z-index: 3; }
/*انتهاء الكود Mohamed Nsr*/
/* Start http://www.cursors-4u.com */ body, a:hover {cursor:
url(http://cur.cursors-4u.net/anime/ani-12/ani1136.ani),
url(http://cur.cursors-4u.net/anime/ani-12/ani1136.gif), progress
!important;} /* End http://www.cursors-4u.com */
[center][size=19][color=#9400d3][font=Arial Black]body #fa_toolbar {[/font][/color][/size][/center]
[center][size=19][color=#9400d3][font=Arial Black] background:
#31485c
url(http://3.bp.blogspot.com/-_SHIv7lRv3c/VH26z4dabnI/AAAAAAAAB5Q/xWeLv2EL6YU/s1600/Chevron_AntiqueBlue1_Paper.png)
repeat-x scroll 50% 0;[/font][/color][/size][/center]
[center][color=#9400d3][font=Arial Black][size=19]
[/size][/font][/color][/center]
[center][size=19][color=#9400d3][font=Arial Black]}[/font][/color][/size][/center]
.HMlike{background:#b1d689;border-radius:0 3px 3px 0;padding:2px
6px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;border:1px
solid #6fc810;cursor:pointer;white-space:nowrap}
.HMlike:hover{background:#a5ce79}
.Hvote{margin:0 5px}
.Hnovote{filter:Alpha(opacity=50);opacity:.5;cursor:default;box-shadow:none;text-shadow:none}
.Hlikecount{background:#6fc810;border-radius:3px 0 0 3px;padding:2px
3px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;cursor:pointer;white-space:nowrap;border:1px
solid #6fc810}
a strong {
background :
url(http://67.media.tumblr.com/46dad4bfc1be22a38ab55af39392753c/tumblr_inline_n0vux1XzSy1rxsw83.gif)
no-repeat right;
padding : 0 15px 0 20px;
}
ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-c10.gif)
repeat-x scroll center bottom #FFF;border:1px solid
#E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
.hima-elmasry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_a10.png)
no-repeat scroll center top transparent;padding:20px;width:150px}
.hima{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-b12.png)
repeat-x scroll left top #37DCFC;border-bottom:2px solid
#F2812E;color:#003;font-family:arial;font-size:12pt;font-style:normal;font-variant:normal;font-weight:700;text-shadow:1px
1px 1px #888;width:185px}
.masry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_s10.png)
no-repeat scroll left top
transparent;height:12px;margin:auto;position:relative;width:185px}
.ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima2010.gif)
repeat-x scroll center bottom #FFF;border:1px solid
#E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
.sidebaritem{background:url() repeat-x scroll 0 0
#FBFBFB;border-color:#D1D1E1;border-style:solid;border-width:1px 2px 1px
1px;font-size:11px;padding:0;width:180px}
.chatbox-title {
display:none;
}
#chatbox_header {
background:transparent
urlhttp://c.top4top.net/p_254fd841.png) no-repeat
scroll 0 0;
}
.twrank{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border : 1px dashed #ff0404;
border-width : 1px
border-color : #fc0c0c;
padding : 2px 2px;
background-repeat : repeat;
background-color : #f0feff;
background-image : url();
background-position : top;
overflow : visible;
vertical-align : middle;
}
عدل سابقا من قبل ahd allah في الثلاثاء 4 أكتوبر - 21:53 عدل 2 مرات
مواضيع مماثلة
» اريد ان تكون الصورة الرمزية دائرة
» صورة الرمزية لاتظهر
» أين أضع الرابط صورة الرمزية للكل أعضاء
» اريد كود الصور الرمزية
» اين اضع طلبي ارجوكم تفضلوا اريد تحت الصورة الرمزية
» صورة الرمزية لاتظهر
» أين أضع الرابط صورة الرمزية للكل أعضاء
» اريد كود الصور الرمزية
» اين اضع طلبي ارجوكم تفضلوا اريد تحت الصورة الرمزية
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى