بلوك بشكل رائع جدا تستطيع استخدامه فى وضع إعلانات أو ملاحظات أو أى شىء ترغب به
و يمكنك وضعه فى أى مكان فى المدونة
مثال حى عليه
منتديات المصمك التطويرية
فى أعلى المدونة تجد بلوك يحتوى على بانرات إعلانية
طريقة التركيب
افتح قالب Header
و ضع الكود التالى فى نهاية القالب
<!-- Block Partner / Advertising --> <br /> <div id="bloc_perso"> <ul> <li> <div class="block smaller"> <div class="blocksubhead"> <a class="collapse" style="position : static" id="collapse_blocperso" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse_40b.png" alt="" border="0" /></a> <img src="images/site_icons/event-@@@@@.png" alt="" /> <span class="blocktitle">إعلانات المدونة</span> </div> <div id="blocperso" class="blockbody floatcontainer"> <ul class="blockrow"> <li class="avatar@@@@@@@ floatcontainer"> <div align="center"> هنا تضع المحتوى الذى تريده </div> </li> </ul> </div> </div> <div class="underblock"></div> </li> </ul> </div> <!-- Block Partner / Advertising -->
ثم إفتح قالب Additional.Css
و ضع الكود التالى فى نهايته
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /* 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_@@@@@@@_color}; background:{vb:stylevar forum_sidebar_@@@@@@@_background.backgroundColor}; -moz-border-radius:{vb:stylevar border_radius}; -webkit-border-radius: {vb:stylevar border_radius}; padding:0; border:{vb:stylevar forum_sidebar_@@@@@@@_border}; } #bloc_perso .blockrow { border-top:1px solid {vb:stylevar forum_sidebar_@@@@@@@_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_@@@@@@@_background}; _background-image: none; } #bloc_perso .underblock { height:{vb:stylevar forum_sidebar_@@@@@@@_separator_height}; background:{vb:stylevar forum_sidebar_@@@@@@@_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 */ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
و يمكنك وضعه فى أى مكان فى المدونة
مثال حى عليه
منتديات المصمك التطويرية
فى أعلى المدونة تجد بلوك يحتوى على بانرات إعلانية
طريقة التركيب
افتح قالب Header
و ضع الكود التالى فى نهاية القالب
<!-- Block Partner / Advertising --> <br /> <div id="bloc_perso"> <ul> <li> <div class="block smaller"> <div class="blocksubhead"> <a class="collapse" style="position : static" id="collapse_blocperso" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse_40b.png" alt="" border="0" /></a> <img src="images/site_icons/event-@@@@@.png" alt="" /> <span class="blocktitle">إعلانات المدونة</span> </div> <div id="blocperso" class="blockbody floatcontainer"> <ul class="blockrow"> <li class="avatar@@@@@@@ floatcontainer"> <div align="center"> هنا تضع المحتوى الذى تريده </div> </li> </ul> </div> </div> <div class="underblock"></div> </li> </ul> </div> <!-- Block Partner / Advertising -->
ثم إفتح قالب Additional.Css
و ضع الكود التالى فى نهايته
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /* 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_@@@@@@@_color}; background:{vb:stylevar forum_sidebar_@@@@@@@_background.backgroundColor}; -moz-border-radius:{vb:stylevar border_radius}; -webkit-border-radius: {vb:stylevar border_radius}; padding:0; border:{vb:stylevar forum_sidebar_@@@@@@@_border}; } #bloc_perso .blockrow { border-top:1px solid {vb:stylevar forum_sidebar_@@@@@@@_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_@@@@@@@_background}; _background-image: none; } #bloc_perso .underblock { height:{vb:stylevar forum_sidebar_@@@@@@@_separator_height}; background:{vb:stylevar forum_sidebar_@@@@@@@_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 */ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
