السلام عليكم ورحمة الله
اليوم قمت باول تحول لي لواجهة احترافية + شريط آخر المواضيع العمودي
خدمة لزوار و اعضاء معهد 1ويب التطويري
صورة الهيدر
صورة شريط آخر المواضيع
الــكود :
[hide][code]
/**
* vBulletin 3.8.5 CSS
* Style: 'New'; Style ID: 82
*/
body
{
background: #FFFFFF;
color: #1a3669;
font: bold 10px tahoma;
margin: 0px 0px 0px 0px;
padding: 0px;
}
a:link, body_alink
{
color: #1a3669;
text-decoration: none;
}
a:visited, body_avisited
{
color: #1a3669;
text-decoration: none;
}
a:hover, a:active, body_ahover
{
color: #FF3300;
}
.page
{
background: #FFFFFF;
color: #000000;
font: 10px tahoma;
}
.page a:link, .page_alink
{
color: #1a3669;
text-decoration: none;
}
.page a:visited, .page_avisited
{
color: #1a3669;
text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover
{
color: #FF3300;
}
td, th, p, li
{
font: 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #FFFFCC;
color: #000000;
border: 0px solid #0B198C;
}
.tcat
{
background: #1a3669 url(http://www.egypalace.com/vb/newstyle/bg-bar.gif) repeat-x top left;
color: #f6f6f6;
font: bold 10pt tahoma;
}
.tcat a:link, .tcat_alink
{
color: #f6f6f6;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #f6f6f6;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #FF3300;
}
.thead
{
background: #e7eaf9 url(http://www.egypalace.com/vb/newstyle/bkg.gif) repeat-x top left;
color: #000000;
font: bold 12px tahoma;
}
.thead a:link, .thead_alink
{
color: #000000;
text-decoration: none;
}
.thead a:visited, .thead_avisited
{
color: #000000;
text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #FF3300;
}
.tfoot
{
background: #1a3669 url(http://www.egypalace.com/vb/newstyle/bg-bar.gif) repeat-x top left;
color: #f6f6f6;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tfoot a:link, .tfoot_alink
{
color: #f6f6f6;
text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
color: #f6f6f6;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #FF3300;
}
.alt1, .alt1Active
{
background: #FFFFFF;
color: #000000;
font: bold 12px tahoma;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
background: transparent;
color: #000000;
text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
color: #000000;
text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
color: #FF3300;
}
.alt2, .alt2Active
{
background: #FFFFFF;
color: #663300;
font: bold 12px tahoma;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
color: #000000;
text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
color: #000000;
text-decoration: none;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
color: #FF3300;
}
.inlinemod
{
background: #FFFFCC;
color: #000000;
}
.wysiwyg
{
background: #FFFFFF;
color: #000000;
font: bold 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica;
}
textarea, .bginput
{
background: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica;
}
.bginput option, .bginput optgroup
{
font-size: 11px;
font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica;
}
.button
{
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica;
}
select
{
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica;
}
option, optgroup
{
font-size: 11px;
font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica;
}
.smallfont
{
font: 11px tahoma;
}
.time
{
color: #666666;
}
.navbar
{
font: 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
color: #FF0000;
font-weight: bold;
}
.fjsel
{
background: #1a3669;
color: #E0E0F6;
}
.fjdpth0
{
background: #F7F7F7;
color: #1a3669;
}
.panel
{
background: #f8f8f8;
color: #000000;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: #edeef0;
color: #000000;
font: 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
legend
{
color: #1a3669;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: #1a3669 url(http://www.egypalace.com/vb/newstyle/bg-bar.gif) repeat-x top left;
color: #f6f6f6;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #f6f6f6;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #f6f6f6;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #FF3300;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #000000;
border: 1px solid #1a3669 ;
}
.vbmenu_option
{
background: #f1f1f1;
color: #1a3669;
font: 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #1a3669;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #1a3669;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #1a3669;
text-decoration: none;
}
.vbmenu_hilite
{
background: #1a3669 url(http://www.egypalace.com/vb/newstyle/bg-bar.gif) repeat-x top left;
color: #FFFFFF;
font: 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #FFFFFF;
text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }
/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
/* ***** H1 و H2 تاجات ***** */
#tags {
font-family: Arial, Tahoma, Verdana;
}
#tags h1 {
font-size: 19px;
}
#tags h2 {
font-size: 17px;
}
html
{
scrollbar-base-color: #004EB0;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFE6;
}
/* Postbit from Sadiq6210 */
.infouser {
font: normal 11px "MS Sans Serif" ,Tahoma;
color: #000;
background-color: #FFF;
letter-spacing: 0px;
vertical-align: middle;
padding: 1px 4px;
border:1px dotted #6A581C;
margin: 0px 0px 2px;
_margin: 0px 0px 0px;
}
.avataruser img {
border:1px dotted #6A581C;
margin: 10px auto 0;
padding: 5px;
}
/* ***** H1 و H2 تاجات ***** */
#tags {
text-align: center;
font-family: Arial, Tahoma, Verdana;
}
#tags h1 {
font-size: 19px;
color: black;
font-weight: bold;
}
#tags h2 {
font-size: 17px;
color: black;
font-weight: bold;
}
اليوم قمت باول تحول لي لواجهة احترافية + شريط آخر المواضيع العمودي
خدمة لزوار و اعضاء معهد 1ويب التطويري
صورة الهيدر
صورة شريط آخر المواضيع
الــكود :
[hide][code]
/**
* vBulletin 3.8.5 CSS
* Style: 'New'; Style ID: 82
*/
body
{
background: #FFFFFF;
color: #1a3669;
font: bold 10px tahoma;
margin: 0px 0px 0px 0px;
padding: 0px;
}
a:link, body_alink
{
color: #1a3669;
text-decoration: none;
}
a:visited, body_avisited
{
color: #1a3669;
text-decoration: none;
}
a:hover, a:active, body_ahover
{
color: #FF3300;
}
.page
{
background: #FFFFFF;
color: #000000;
font: 10px tahoma;
}
.page a:link, .page_alink
{
color: #1a3669;
text-decoration: none;
}
.page a:visited, .page_avisited
{
color: #1a3669;
text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover
{
color: #FF3300;
}
td, th, p, li
{
font: 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #FFFFCC;
color: #000000;
border: 0px solid #0B198C;
}
.tcat
{
background: #1a3669 url(http://www.egypalace.com/vb/newstyle/bg-bar.gif) repeat-x top left;
color: #f6f6f6;
font: bold 10pt tahoma;
}
.tcat a:link, .tcat_alink
{
color: #f6f6f6;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #f6f6f6;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #FF3300;
}
.thead
{
background: #e7eaf9 url(http://www.egypalace.com/vb/newstyle/bkg.gif) repeat-x top left;
color: #000000;
font: bold 12px tahoma;
}
.thead a:link, .thead_alink
{
color: #000000;
text-decoration: none;
}
.thead a:visited, .thead_avisited
{
color: #000000;
text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #FF3300;
}
.tfoot
{
background: #1a3669 url(http://www.egypalace.com/vb/newstyle/bg-bar.gif) repeat-x top left;
color: #f6f6f6;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tfoot a:link, .tfoot_alink
{
color: #f6f6f6;
text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
color: #f6f6f6;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #FF3300;
}
.alt1, .alt1Active
{
background: #FFFFFF;
color: #000000;
font: bold 12px tahoma;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
background: transparent;
color: #000000;
text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
color: #000000;
text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
color: #FF3300;
}
.alt2, .alt2Active
{
background: #FFFFFF;
color: #663300;
font: bold 12px tahoma;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
color: #000000;
text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
color: #000000;
text-decoration: none;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
color: #FF3300;
}
.inlinemod
{
background: #FFFFCC;
color: #000000;
}
.wysiwyg
{
background: #FFFFFF;
color: #000000;
font: bold 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica;
}
textarea, .bginput
{
background: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica;
}
.bginput option, .bginput optgroup
{
font-size: 11px;
font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica;
}
.button
{
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica;
}
select
{
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica;
}
option, optgroup
{
font-size: 11px;
font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica;
}
.smallfont
{
font: 11px tahoma;
}
.time
{
color: #666666;
}
.navbar
{
font: 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
color: #FF0000;
font-weight: bold;
}
.fjsel
{
background: #1a3669;
color: #E0E0F6;
}
.fjdpth0
{
background: #F7F7F7;
color: #1a3669;
}
.panel
{
background: #f8f8f8;
color: #000000;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: #edeef0;
color: #000000;
font: 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
legend
{
color: #1a3669;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: #1a3669 url(http://www.egypalace.com/vb/newstyle/bg-bar.gif) repeat-x top left;
color: #f6f6f6;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #f6f6f6;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #f6f6f6;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #FF3300;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #000000;
border: 1px solid #1a3669 ;
}
.vbmenu_option
{
background: #f1f1f1;
color: #1a3669;
font: 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #1a3669;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #1a3669;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #1a3669;
text-decoration: none;
}
.vbmenu_hilite
{
background: #1a3669 url(http://www.egypalace.com/vb/newstyle/bg-bar.gif) repeat-x top left;
color: #FFFFFF;
font: 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #FFFFFF;
text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }
/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
/* ***** H1 و H2 تاجات ***** */
#tags {
font-family: Arial, Tahoma, Verdana;
}
#tags h1 {
font-size: 19px;
}
#tags h2 {
font-size: 17px;
}
html
{
scrollbar-base-color: #004EB0;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFE6;
}
/* Postbit from Sadiq6210 */
.infouser {
font: normal 11px "MS Sans Serif" ,Tahoma;
color: #000;
background-color: #FFF;
letter-spacing: 0px;
vertical-align: middle;
padding: 1px 4px;
border:1px dotted #6A581C;
margin: 0px 0px 2px;
_margin: 0px 0px 0px;
}
.avataruser img {
border:1px dotted #6A581C;
margin: 10px auto 0;
padding: 5px;
}
/* ***** H1 و H2 تاجات ***** */
#tags {
text-align: center;
font-family: Arial, Tahoma, Verdana;
}
#tags h1 {
font-size: 19px;
color: black;
font-weight: bold;
}
#tags h2 {
font-size: 17px;
color: black;
font-weight: bold;
}
|
var rainbowcount = 0;
var glitcount=0;
var glitstring='';
var shimmercount=0;
var shimmerstring='';
var ie4 = false;
if(document.all) {
ie4 = true;
}
function setContent(name, value) {
var d;
if (ie4) {
d = document.all[name];
} else {
d = document.getElementById(name);
}
d.innerHTML = value;
}
function getContent(name) {
var d;
if (ie4) {
d = document.all[name];
} else {
d = document.getElementById(name);
}
return d.innerHTML;
}
function setColor(name, value) {
var d;
if (ie4) {
d = document.all[name];
} else {
d = document.getElementById(name);
}
d.style.color = value;
}
function getColor(name) {
var d;
if (ie4) {
d = document.all[name];
} else {
d = document.getElementById(name);
}
return d.style.color;
}
function toSpans(span) {
var str=span.firstChild.data;
var a=str.length;
span.removeChild(span.firstChild);
for(var i=0; i= 0) { return; }
var length = 0;
var str = '';
var ch;
var token = '';
var htmltag = false;
for (i = 0; i < value.length; i++) {
ch = value.substring(i, i+1);
if (i < value.length - 1) { nextch = value.substring(i+1, i+2); } else { nextch = ' '; }
token += ch;
if (ch == '' && htmltag) { htmltag = false; }
if (!htmltag && ch.charCodeAt(0) > 30 && ch != ' ' && ch != '\n') {
str += '' + token + '';
token = '';
length++;
}
}
setContent(name, str);
glitcommand = 'glitterloop('' + name + '', ' + length + ', 0, 1, '' + col + '', ' + speed + ')';
setTimeout(glitcommand , speed);
}
function shine(name, col, speed) {
var value = getContent(name);
while ( value.indexOf(" ", "-10") != (-1) ) {
var value = value.replace(" ", "");
};
if (value.indexOf('' && htmltag) { htmltag = false; }
if (!htmltag && ch.charCodeAt(0) > 30 && ch != ' ' && ch != '\n') {
str += '' + token + '';
token = '';
length++;
}
}
setContent(name, str);
shinecommand = 'shineloop('' + name + '', ' + length + ', 0, 1, '' + col + '', ' + speed + ')';
setTimeout(shinecommand , speed);
}
function RainbowSpan(span, hue, deg, brt, spd, hspd) {
this.deg=(deg==null?360:Math.abs(deg));
this.hue=(hue==null?0:Math.abs(hue)%360);
this.hspd=(hspd==null?3:Math.abs(hspd)%360);
this.length=span.firstChild.data.length;
this.span=span;
this.speed=(spd==null?50:Math.abs(spd));
this.hInc=this.deg/this.length;
this.brt=(brt==null?255:Math.abs(brt)%256);
this.timer=null;
toSpans(span);
this.moveRainbow();
}
RainbowSpan.prototype.moveRainbow = function() {
if(this.hue>359) this.hue-=360;
var color;
var b=this.brt;
var a=this.length;
var h=this.hue;
for(var i=0; i359) h-=360;
if(h