بلوك بشكل رائع جدا تستطيع استخدامه فى وضع إعلانات أو ملاحظات أو أى شىء ترغب به
و يمكنك وضعه فى أى مكان فى المنتدى
مثال حى عليه
منتديات المصمك التطويرية
فى أعلى المنتدى تجد بلوك يحتوى على بانرات إعلانية
طريقة التركيب
افتح قالب
Header
و ضع الكود التالى فى نهاية القالب
رمز Code:

إعلانات المنتدى
ثم إفتح قالب
Additional.Css
و ضع الكود التالى فى نهايته
رمز Code:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~
/* BLOCK PARTNER OR ADVERTISING */
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~
#bloc_perso {
float:left;
width:{vb:stylevar forum_sidebar_width};
padding:17px 0;
margin-bottom:3em;
}
#bloc_perso .block {
margin-bottom:4px;
padding:6px;
background:{vb:stylevar forum_sidebar_background};
-moz-border-radius-top{vb:stylevar left}:{vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-top-left-radius: {vb:stylevar border_radius};
-webkit-border-top-right-radius: {vb:stylevar border_radius};
}
#bloc_perso .blockbody {
color: {vb:stylevar forum_sidebar_content_color};
background:{vb:stylevar forum_sidebar_content_background.backgroundColor};
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
padding:0;
border:{vb:stylevar forum_sidebar_content_border};
}
#bloc_perso .blockrow {
border-top:1px solid {vb:stylevar forum_sidebar_content_background.backgroundColor}; /* makes the bevel look part of the background */
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
background:{vb:stylevar forum_sidebar_content_background};
_background-image: none;
}
#bloc_perso .underblock {
height:{vb:stylevar forum_sidebar_content_separator_height};
background:{vb:stylevar forum_sidebar_content_separator_background};
}
#bloc_perso .blockrow,
#bloc_perso .blocksubhead {
padding:10px 6px 10px 6px;
color: {vb:stylevar forum_sidebar_header_color};
}
#bloc_perso .blocksubhead {
background:transparent none;
height:{vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height} + 2px };
padding: 5px 6px;
border:none;
outline:none;
font-weight:bold;
}
#bloc_perso > ul {
background-color:{vb:stylevar forum_sidebar_background.backgroundColor};
border:{vb:stylevar forum_sidebar_border};
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
-moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
float:{vb:stylevar left};
width:100%;
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~
/* BLOCK PARTNER OR ADVERTISING */
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~
[ Template ] قالب بلوك بشكل رائع فى أعلى المنتدى