salima
10-31-2013, بتوقيت غرينيتش 12:33 AM
http://www.dzbatna.com/images/icons/icon30.gif طھط¹ط§ظ„ظˆط§ ط¨ط³ط±ط¹ط© ط´ظˆظپظˆط§ ط¥ط³طھط§ظٹظ„ ط§ظ„ظ†ط³ط®ط© ط§ظ„ظ…ظ†طھط¸ط±ط© في بي vB 4.0.0 ط¬ط§ظٹط¨ ظ„ظƒظ… طµظˆط± ظ„ظ„ط¥ط³طھط§ظٹظ„ (http://www.dzbatna.com/t1308947/)
السلام عليكم و رحمة الله و بركاته , بسم الله الرحمن الرحيم
أنا جبت لكم شوية صور من الإستايل style بتاع النسخة في بي vB 4 المنتظرة إن شاء الله
طبعاً انا فضلت أنقل الصور بس من المصدر لأن الموضوع إنجلش و طويل و مش مهم إلا للمصممين
انا قلت إحنا نشوف الشكل العام فقط أما الباقي فـ نسأل المصممي التوفيق لأن الإستايل style غير
اقتباس
منقول من : http://forum.hisham4ws.net/h9.html
ــــــــــــــــــــ
قوالب الـ Header , Navbar , Breadcrumb
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/hnbt.png
كود code الـ XHTML
رمز Code:
<div id="header"> <div><a href="forumhome.php" id="logo-image"><img src="images/logo.png" alt="" /></a></div> <div id="toplinks"> <a href="#">Kier</a> <a href="#">Settings</a> <a href="#">Log-out</a> </div> <hr /> </div> <div id="navbar"> <ul id="navtabs" class="floatcontainer"> <li><a class="navtab" href="#">Site</a></li> <li class="selected"><a class="navtab" href="#">Forum</a> <ul class="floatcontainer"> <li><a href="#">User CP</a></li> <li><a href="#">New Posts</a></li>a <li><a href="#">Today's Posts</a></li> <li><a href="#">Mark all Forums Read</a></li> <li><a href="#">Subscribed Threads</a></li> <li><a href="#">Private Messages</a></li> </ul> </li> <li><a class="navtab" href="#">Blog</a></li> <li><a class="navtab" href="#">Projects</a></li> <li><a class="navtab" href="#">Calendar</a></li> </ul> </div> <div id="breadcrumb"> <ul class="floatcontainer"> <li class="navbit"><a href="#" name="top">My Site</a></li> <li class="navbit"><a href="#">Forums</a></li> <li class="navbit"><a href="#">General</a></li> <li class="navbit"><a href="#">Off-Topic Stuff</a></li> <li class="navbit"><a href="#">The Forumdisplay Example Forum</a></li> </ul> <hr /> </div> <div id="pagetitle"> <h1>The New فيبويلتن في بي vBulletin Style Forums</h1> <p class="description" id="welcomemessage">Welcome to The New فيبويلتن في بي vBulletin Style Forums.</p> <p class="description" id="firstvisitmessage">If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.</p> </div>
قالب template الـ ForumHome
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/forumbits.png
قالب template الـ ForumDisplay
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/threadbits.png
إحصائيات المنتدى forum .. ماذا يجري الآن ? What's Going On
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/whats-going-on.png
الكود code :
رمز Code:
<div id="forum_info_options" class="block"> <h4 class="blockhead">Forum Information and Options</h4> <div class="blockbody floatcontainer"> <div id="forum_info_block_1"> <div id="forum_posting_rules"> <h5 class="blocksubhead">Posting Permissions</h5> <ul class="blockrow"> <li>You <strong>may</strong> post new threads</li> <li>You <strong>may</strong> post replies</li> <li>You <strong>may</strong> post attachments</li> <li>You <strong>may</strong> edit your posts</li> </ul> <ul class="blockrow"> <li><a href="#">BB code</a> is enabled</li> <li><a href="#">Smilies</a> is enabled</li> <li><a href="#"></a> code is enabled</li> <li>HTML is disabled</li> </ul> </div> <div id="forum_moderators"> <h5 class="blocksubhead">Moderators of this Forum</h5> <ul class="blockrow commalist"> <li><a class="username" href="#">Mickey</a></li> <li><a class="username" href="#">Donald</a></li> <li><a class="username" href="#">Goofy</a></li> <li><a class="username" href="#">Pluto</a></li> <li><a class="username" href="#">Daisy</a></li> <li><a class="username" href="#">Minnie</a></li> <li><a class="username" href="#">Pete</a></li> </ul> </div> <div id="forum_icon_legend"> <h5 class="blocksubhead">Icon Legend</h5> <dl class="blockrow"> <dt><img src="images/statusicon/thread_new-16.png" alt="" /></dt><dd>Contains unread posts</dd> <dt><img src="images/statusicon/thread-16.png" alt="" /></dt><dd>Contains no unread posts</dd> <dt><img src="images/statusicon/thread_hot_new-16.png" alt="" /></dt><dd>Hot thread with unread posts</dd> <dt><img src="images/statusicon/thread_hot-16.png" alt="" /></dt><dd>Hot thread with no unread posts</dd> <dt><img src="images/statusicon/thread_lock-16.png" alt="" /></dt><dd>Thread is closed</dd> <dt><img src="images/statusicon/thread_dot-16.png" alt="" /></dt><dd>You have posted in this thread</dd> </dl> </div> </div> <div id="forum_info_block_2"> <div id="forum_onlineusers"> <h5 class="blocksubhead">Users Browsing this Forum</h5> <div class="blockrow"> <p>There are currently <a href="#wol">22 users browsing this forum</a>. <span class="shade">(9 members and 13 guests)</span></p> <ol class="commalist"> <li><a class="username" href="#">Kier</a></li> <li><a class="username" href="#">Altered</a></li> <li><a class="username" href="#">ArcVox</a></li> <li><a class="username" href="#">Bill Bickley</a></li> <li><a class="username" href="#">bonkerspr</a></li> <li><a class="username" href="#">BWJ</a></li> <li><a class="username" href="#">Christine</a></li> <li><a class="username" href="#">Mike Sullivan</a></li> <li><a class="username" href="#">Solar</a></li> </ol> </div> </div> <form id="forum_display_options" action="" method="post"> <h5 class="blocksubhead">Thread Display Options</h5> <div class="formcontrols"> <div class="blockrow"> <label for="sel_daysprune">Show threads from the...</label> <select class="primary" id="sel_daysprune" name="daysprune"> <option value="1">Last Day</option> <option value="2">Last 2 Days</option> <option value="7">Last Week</option> <option value="10">Last 10 Days</option> <option value="14">Last 2 Weeks</option> <option value="30">Last Month</option> <option value="45">Last 45 Days</option> <option value="60">Last 2 Months</option> <option value="75">Last 75 Days</option> <option value="100">Last 100 Days</option> <option selected="selected" value="365">Last Year</option> <option value="-1">Beginning</option> </select> <p class="description">Use this control to limit the display of threads to those newer than the specified time frame.</p> </div> <div class="blockrow"> <label for="sel_sort">Sort threads by:</label> <select class="primary" id="sel_sort" name="sort"> <option value="title">Thread Title</option> <option selected="selected" value="lastpost">Last Post Time</option> <option value="dateline">Thread Start Time</option> <option value="replycount">Number of Replies</option> <option value="views">Number of Views</option> <option value="postusername">Thread Starter</option> <option value="voteavg">Thread Rating</option> </select> <p class="description">Allows you to choose the data by which the thread list will be sorted.</p> </div> <div class="blockrow"> <p class="label">Order threads in...</p> <ul class="checkradio group"> <li><label for="radio_asc"><input type="radio" name="order" id="radio_asc" value="asc" /> Ascending order</label></li> <li><label for="radio_dsc"><input type="radio" name="order" id="radio_dsc" value="desc" checked="checked" /> Descending order</label></li> </ul> <p class="description">Note: when sorting by date, 'descending order' will show the newest results first.</p> </div> </div> <div class="blockfoot actionbuttons"> <div class="group"> <input type="submit" class="button" value="Show Threads" /> </div> </div> </form> </div> </div> </div>
القوائم المنبثقة Popup Menus
[IMG]http://images.vbulletin.com/blog-content/kier/40-style-firstlook/popupmenu.png
الكود code :
رمز Code:
<li class="popupmenu" id="imodsel"> <h6><a class="popupctrl" href="#">Inline Mod</a></h6> <ul class="popupbody popuphover"> <li><a href="#" id="imodsel:all">Select all</a></li> <li><a href="#" id="imodsel:none">Deselect all</a></li> <li><a href="#" id="imodsel:invert">Invert selection</a></li> <li><a href="#" id="imodsel:all:1">Select unapproved threads</a></li> <li><a href="#" id="imodsel:all:2">Select deleted threads</a></li> <li><a href="#" id="imodsel:all:4">Select threads with attachments</a></li> <li><a href="#" id="imodsel:all:8">Select threads from guests</a></li> </ul> </li>
الأزار Buttons
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/textbutton.png http://images.vbulletin.com/blog-content/kier/40-style-firstlook/textbutton.png http://images.vbulletin.com/blog-content/kier/40-style-firstlook/iconbutton.png
شغل الإدارة بقى و المديرين
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/inlinemod-hilite.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/depctrl-old.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/depctrl.png
الإنتقال السريع Forum Jump
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/quicknav.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/quicknav-open.png
شوفوا دي كمان كدة
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/forum-info-options.png
قالب template المواضيع ShowThread
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/postbit.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/postbit-hover.png
النماذج و كدة Forms
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/newreply-upper.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/newreply-lower.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/register-upper.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/register-lower.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/newpm-lower.png
شوفوا دول كمان
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/depctrl-example2.png
التقويم بقى و كدة
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/calendar-monthview.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/calendar-weekview.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/newevent.png
إن شاء الله يكون الموضوع عجبكم .. المصدر فيبويلتن في بي vBulletin Blog
منقول من : http://forum.hisham4ws.net/h9.html
ألعاب الأندرويد مجانا و حصريا (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)©
السلام عليكم و رحمة الله و بركاته , بسم الله الرحمن الرحيم
أنا جبت لكم شوية صور من الإستايل style بتاع النسخة في بي vB 4 المنتظرة إن شاء الله
طبعاً انا فضلت أنقل الصور بس من المصدر لأن الموضوع إنجلش و طويل و مش مهم إلا للمصممين
انا قلت إحنا نشوف الشكل العام فقط أما الباقي فـ نسأل المصممي التوفيق لأن الإستايل style غير
اقتباس
منقول من : http://forum.hisham4ws.net/h9.html
ــــــــــــــــــــ
قوالب الـ Header , Navbar , Breadcrumb
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/hnbt.png
كود code الـ XHTML
رمز Code:
<div id="header"> <div><a href="forumhome.php" id="logo-image"><img src="images/logo.png" alt="" /></a></div> <div id="toplinks"> <a href="#">Kier</a> <a href="#">Settings</a> <a href="#">Log-out</a> </div> <hr /> </div> <div id="navbar"> <ul id="navtabs" class="floatcontainer"> <li><a class="navtab" href="#">Site</a></li> <li class="selected"><a class="navtab" href="#">Forum</a> <ul class="floatcontainer"> <li><a href="#">User CP</a></li> <li><a href="#">New Posts</a></li>a <li><a href="#">Today's Posts</a></li> <li><a href="#">Mark all Forums Read</a></li> <li><a href="#">Subscribed Threads</a></li> <li><a href="#">Private Messages</a></li> </ul> </li> <li><a class="navtab" href="#">Blog</a></li> <li><a class="navtab" href="#">Projects</a></li> <li><a class="navtab" href="#">Calendar</a></li> </ul> </div> <div id="breadcrumb"> <ul class="floatcontainer"> <li class="navbit"><a href="#" name="top">My Site</a></li> <li class="navbit"><a href="#">Forums</a></li> <li class="navbit"><a href="#">General</a></li> <li class="navbit"><a href="#">Off-Topic Stuff</a></li> <li class="navbit"><a href="#">The Forumdisplay Example Forum</a></li> </ul> <hr /> </div> <div id="pagetitle"> <h1>The New فيبويلتن في بي vBulletin Style Forums</h1> <p class="description" id="welcomemessage">Welcome to The New فيبويلتن في بي vBulletin Style Forums.</p> <p class="description" id="firstvisitmessage">If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.</p> </div>
قالب template الـ ForumHome
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/forumbits.png
قالب template الـ ForumDisplay
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/threadbits.png
إحصائيات المنتدى forum .. ماذا يجري الآن ? What's Going On
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/whats-going-on.png
الكود code :
رمز Code:
<div id="forum_info_options" class="block"> <h4 class="blockhead">Forum Information and Options</h4> <div class="blockbody floatcontainer"> <div id="forum_info_block_1"> <div id="forum_posting_rules"> <h5 class="blocksubhead">Posting Permissions</h5> <ul class="blockrow"> <li>You <strong>may</strong> post new threads</li> <li>You <strong>may</strong> post replies</li> <li>You <strong>may</strong> post attachments</li> <li>You <strong>may</strong> edit your posts</li> </ul> <ul class="blockrow"> <li><a href="#">BB code</a> is enabled</li> <li><a href="#">Smilies</a> is enabled</li> <li><a href="#"></a> code is enabled</li> <li>HTML is disabled</li> </ul> </div> <div id="forum_moderators"> <h5 class="blocksubhead">Moderators of this Forum</h5> <ul class="blockrow commalist"> <li><a class="username" href="#">Mickey</a></li> <li><a class="username" href="#">Donald</a></li> <li><a class="username" href="#">Goofy</a></li> <li><a class="username" href="#">Pluto</a></li> <li><a class="username" href="#">Daisy</a></li> <li><a class="username" href="#">Minnie</a></li> <li><a class="username" href="#">Pete</a></li> </ul> </div> <div id="forum_icon_legend"> <h5 class="blocksubhead">Icon Legend</h5> <dl class="blockrow"> <dt><img src="images/statusicon/thread_new-16.png" alt="" /></dt><dd>Contains unread posts</dd> <dt><img src="images/statusicon/thread-16.png" alt="" /></dt><dd>Contains no unread posts</dd> <dt><img src="images/statusicon/thread_hot_new-16.png" alt="" /></dt><dd>Hot thread with unread posts</dd> <dt><img src="images/statusicon/thread_hot-16.png" alt="" /></dt><dd>Hot thread with no unread posts</dd> <dt><img src="images/statusicon/thread_lock-16.png" alt="" /></dt><dd>Thread is closed</dd> <dt><img src="images/statusicon/thread_dot-16.png" alt="" /></dt><dd>You have posted in this thread</dd> </dl> </div> </div> <div id="forum_info_block_2"> <div id="forum_onlineusers"> <h5 class="blocksubhead">Users Browsing this Forum</h5> <div class="blockrow"> <p>There are currently <a href="#wol">22 users browsing this forum</a>. <span class="shade">(9 members and 13 guests)</span></p> <ol class="commalist"> <li><a class="username" href="#">Kier</a></li> <li><a class="username" href="#">Altered</a></li> <li><a class="username" href="#">ArcVox</a></li> <li><a class="username" href="#">Bill Bickley</a></li> <li><a class="username" href="#">bonkerspr</a></li> <li><a class="username" href="#">BWJ</a></li> <li><a class="username" href="#">Christine</a></li> <li><a class="username" href="#">Mike Sullivan</a></li> <li><a class="username" href="#">Solar</a></li> </ol> </div> </div> <form id="forum_display_options" action="" method="post"> <h5 class="blocksubhead">Thread Display Options</h5> <div class="formcontrols"> <div class="blockrow"> <label for="sel_daysprune">Show threads from the...</label> <select class="primary" id="sel_daysprune" name="daysprune"> <option value="1">Last Day</option> <option value="2">Last 2 Days</option> <option value="7">Last Week</option> <option value="10">Last 10 Days</option> <option value="14">Last 2 Weeks</option> <option value="30">Last Month</option> <option value="45">Last 45 Days</option> <option value="60">Last 2 Months</option> <option value="75">Last 75 Days</option> <option value="100">Last 100 Days</option> <option selected="selected" value="365">Last Year</option> <option value="-1">Beginning</option> </select> <p class="description">Use this control to limit the display of threads to those newer than the specified time frame.</p> </div> <div class="blockrow"> <label for="sel_sort">Sort threads by:</label> <select class="primary" id="sel_sort" name="sort"> <option value="title">Thread Title</option> <option selected="selected" value="lastpost">Last Post Time</option> <option value="dateline">Thread Start Time</option> <option value="replycount">Number of Replies</option> <option value="views">Number of Views</option> <option value="postusername">Thread Starter</option> <option value="voteavg">Thread Rating</option> </select> <p class="description">Allows you to choose the data by which the thread list will be sorted.</p> </div> <div class="blockrow"> <p class="label">Order threads in...</p> <ul class="checkradio group"> <li><label for="radio_asc"><input type="radio" name="order" id="radio_asc" value="asc" /> Ascending order</label></li> <li><label for="radio_dsc"><input type="radio" name="order" id="radio_dsc" value="desc" checked="checked" /> Descending order</label></li> </ul> <p class="description">Note: when sorting by date, 'descending order' will show the newest results first.</p> </div> </div> <div class="blockfoot actionbuttons"> <div class="group"> <input type="submit" class="button" value="Show Threads" /> </div> </div> </form> </div> </div> </div>
القوائم المنبثقة Popup Menus
[IMG]http://images.vbulletin.com/blog-content/kier/40-style-firstlook/popupmenu.png
الكود code :
رمز Code:
<li class="popupmenu" id="imodsel"> <h6><a class="popupctrl" href="#">Inline Mod</a></h6> <ul class="popupbody popuphover"> <li><a href="#" id="imodsel:all">Select all</a></li> <li><a href="#" id="imodsel:none">Deselect all</a></li> <li><a href="#" id="imodsel:invert">Invert selection</a></li> <li><a href="#" id="imodsel:all:1">Select unapproved threads</a></li> <li><a href="#" id="imodsel:all:2">Select deleted threads</a></li> <li><a href="#" id="imodsel:all:4">Select threads with attachments</a></li> <li><a href="#" id="imodsel:all:8">Select threads from guests</a></li> </ul> </li>
الأزار Buttons
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/textbutton.png http://images.vbulletin.com/blog-content/kier/40-style-firstlook/textbutton.png http://images.vbulletin.com/blog-content/kier/40-style-firstlook/iconbutton.png
شغل الإدارة بقى و المديرين
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/inlinemod-hilite.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/depctrl-old.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/depctrl.png
الإنتقال السريع Forum Jump
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/quicknav.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/quicknav-open.png
شوفوا دي كمان كدة
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/forum-info-options.png
قالب template المواضيع ShowThread
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/postbit.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/postbit-hover.png
النماذج و كدة Forms
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/newreply-upper.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/newreply-lower.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/register-upper.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/register-lower.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/newpm-lower.png
شوفوا دول كمان
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/depctrl-example2.png
التقويم بقى و كدة
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/calendar-monthview.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/calendar-weekview.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/newevent.png
إن شاء الله يكون الموضوع عجبكم .. المصدر فيبويلتن في بي vBulletin Blog
منقول من : http://forum.hisham4ws.net/h9.html
ألعاب الأندرويد مجانا و حصريا (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)©
