قالب template بلوك بشكل رائع فى أعلى المنتدى forum

[said]

http://www.dzbatna.com/images/icons/iconrote.gif ظ‚ط§ظ„ط¨ ط¨ظ„ظˆظƒ ط¨ط´ظƒظ„ ط±ط§ط¦ط¹ ظپظ‰ ط£ط¹ظ„ظ‰ ط§ظ„ظ…ظ†طھط¯ظ‰ (http://www.dzbatna.com/t1935277/)



بلوك بشكل رائع جدا تستطيع استخدامه فى وضع إعلانات أو ملاحظات أو أى شىء ترغب به

و يمكنك وضعه فى أى مكان فى المنتدى forum

مثال حى عليه

منتديات المصمك التطويرية (http://www.almsmk.com)

فى أعلى المنتدى forum تجد بلوك يحتوى على بانرات إعلانية

طريقة التركيب install

افتح قالب template Header

و ضع الكود code التالى فى نهاية القالب template

رمز Code:
<!-- Block Partner / Advertising --> <br /> <div id=&quot;bloc_perso&quot;> <ul> <li> <div class=&quot;block smaller&quot;> <div class=&quot;blocksubhead&quot;> <a class=&quot;collapse&quot; style=&quot;position : static&quot; id=&quot;collapse_blocperso&quot; href=&quot;{vb:raw relpath}#top&quot;><img src=&quot;{vb:stylevar imgdir_button}/collapse_40b.png&quot; alt=&quot;&quot; border=&quot;0&quot; /></a> <img src=&quot;images/site_icons/event-alert.png&quot; alt=&quot;&quot; /> <span class=&quot;blocktitle&quot;>إعلانات المنتدى forum</span> </div> <div id=&quot;blocperso&quot; class=&quot;blockbody floatcontainer&quot;> <ul class=&quot;blockrow&quot;> <li class=&quot;avatarcontent floatcontainer&quot;> <div align=&quot;center&quot;> هنا تضع المحتوى الذى تريده </div> </li> </ul> </div> </div> <div class=&quot;underblock&quot;></div> </li> </ul> </div> <!-- Block Partner / Advertising -->
ثم إفتح قالب template Additional.Css




و ضع الكود code التالى فى نهايته

رمز 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 ] قالب template بلوك بشكل رائع فى أعلى المنتدى forum (http://www.almsmk.com/threads/262184)







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©