الدرس الخامس من دوره تصميم الاستايل بتقنيه (css)

جنرال العرب · 12-10-2009

يعنك انك مصمم ماشاء الله عليك واصل ابداعك والى الأمام

همس الأطياف · 12-10-2009

المشاركة الأصلية كتبت بواسطة قناص جوبا

لو لاحظت هتلاقى الخطأ فى الكلاسكات
بتاعت الجزء العلوى من الايطار

كود PHP:


			
<div class="h_g"> 

<div class="h_g1"> 

<div class="h_g2"></div> 

<div class="h_g3"></div> 

<div class="h_g4"></div> 

</div></div>

أشكرك أخوي على التوجية
بس ممكن أعرف اليش تم توزيع الكلاسات كذا
هل لوجود نقطيتن تمدد يعني ؟؟ ولا لشيء ثاني ؟؟

قناص جوبا · 12-10-2009

نعم لوجود نقطيتن تمدد

همس الأطياف · 12-10-2009

المشاركة الأصلية كتبت بواسطة قناص جوبا

نعم لوجود نقطيتن تمدد

ألف ألف شكر لك أخوي ولك +++

قناص جوبا · 12-10-2009

المشاركة الأصلية كتبت بواسطة همس الأطياف

ألف ألف شكر لك أخوي ولك +++

العفو يا غالى
ان شاء الله يكون ظبط معاك

ساره روز · 12-10-2009

مساء الخير على الجميع
وهاااااااااااااااااي

بصراحه درس رائع وشرح أروع
طبعاً أنا طبقت الدرس
بس صار عندي مشكله

أول مشكله الفريم حق هلاً وسهلاً لم يدخل فى القالب وأنا حطيت صوره فى المرفقات
باقى القوالب تأطرت كلها وكل شي زين

بس القوالب موش داخل الإيطار أحس أنها خارجه عن الإيطار يعني مو محبوسه داخل الإيطار
شوف الصوره الثانيه فى المرفقات راح تفهم أكثر أنا شو أقصد
تحياتي لك أخوي قناص جوبا
ودرس مشكور عليه
قودباااااي
ساره روز

قناص جوبا · 12-10-2009

بالنسبه للقالب اللى متاطير غلط وانا بس اللى شوفته
مشوفتش الباقى
الفورم هوم

كود PHP:


			
$stylevar[htmldoctype]
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl" lang="ar"><head>
$headinclude
<!-- no cache headers -->
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta http-equiv="Cache-Control" content="no-cache" />
<!-- end no cache headers -->
<title><phrase 1="$vboptions[bbtitle]">$vbphrase[x_powered_by_vbulletin]</phrase></title>

</head>
<body>
$header
$navbar


<if condition="$show['guest']">

<div class="f_h1">
<div class="f_h2"></div>
<div class="f_h3"></div>
<div class="f_h4"></div>
</div>
<div class="f_g_1">
<div class="f_g_2">
<div class="f_g_3">

<!-- guest welcome message -->

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
    <td class="tcat"><phrase 1="$vboptions[bbtitle]">$vbphrase[welcome_to_the_x]</phrase></td>
</tr>
<tr>
    <td class="alt1">
        <phrase 1="faq.php$session[sessionurl_q]" 2="register.php$session[sessionurl_q]">$vbphrase[first_visit_message]</phrase>
    </td>
</tr>
</table>
<!-- / guest welcome message -->

</div>
</div>
</div>
<div class="f_f1">
<div class="f_f2"></div>
<div class="f_f3"></div>
</div>

<br />
</if><!-- main -->
$forumbits
<!-- /main -->

<!-- /main -->

<br />
<br />

<div class="f_h1">
<div class="f_h2"></div>
<div class="f_h3"></div>
<div class="f_h4"></div>
</div>
<div class="f_g_1">
<div class="f_g_2">
<div class="f_g_3">
<!-- what's going on box -->

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
    <tr>
        <td class="tcat" colspan="2">$vbphrase[whats_going_on]</td>
    </tr>
</thead>
$template_hook[forumhome_wgo_pos1]
<if condition="$show['loggedinusers']">
<!-- logged-in users -->
<tbody>
    <tr>
        <td class="thead" colspan="2">
            <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_activeusers')"><img id="collapseimg_forumhome_activeusers" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_activeusers].gif" alt="" border="0" /></a>
            <a href="online.php$session[sessionurl_q]">$vbphrase[currently_active_users]</a>: $totalonline (<phrase 1="$numberregistered" 2="$numberguest">$vbphrase[x_members_and_y_guests]</phrase>)
        </td>
    </tr>
</tbody>
<tbody id="collapseobj_forumhome_activeusers" style="$vbcollapse[collapseobj_forumhome_activeusers]">
    <tr>
        <td class="alt2"><a href="online.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/whos_online.gif" alt="$vbphrase[view_whos_online]" border="0" /></a></td>
        <td class="alt1" width="100%">
            <div class="smallfont">
                <div style="white-space: nowrap"><phrase 1="$recordusers" 2="$recorddate" 3="$recordtime">$vbphrase[most_users_ever_online_was_x_y_at_z]</phrase></div>
                <div>$activeusers</div>
            </div>
        </td>
    </tr>
</tbody>
<!-- end logged-in users -->
</if>
$template_hook[forumhome_wgo_pos2]
<tbody>
    <tr>
        <td class="thead" colspan="2">
            <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_stats')"><img id="collapseimg_forumhome_stats" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_stats].gif" alt="" border="0" /></a>
            <phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase>
        </td>
    </tr>
</tbody>
<tbody id="collapseobj_forumhome_stats" style="$vbcollapse[collapseobj_forumhome_stats]">
    <tr>
        <td class="alt2"><img src="$stylevar[imgdir_misc]/stats.gif" alt="<phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase>" border="0" /></td>
        <td class="alt1" width="100%">
        <div class="smallfont">
            <div>
                $vbphrase[threads]: $totalthreads,
                $vbphrase[posts]: $totalposts,
                $vbphrase[members]: $numbermembers<if condition="$show['activemembers']">,
                    <span title="<phrase 1="$vboptions[activememberdays]">$vbphrase[within_the_last_x_days]</phrase>">$vbphrase[active_members]: $activemembers</span>
                </if>
            </div>
            <div><phrase 1="member.php?$session[sessionurl]u=$newuserid" 2="$newusername">$vbphrase[welcome_to_our_newest_member_x]</phrase></div>
            $template_hook[forumhome_wgo_stats]
        </div>
        </td>
    </tr>
</tbody>
$template_hook[forumhome_wgo_pos3]
<if condition="$show['birthdays']">
<!-- today's birthdays -->
<tbody>
    <tr>
        <td class="thead" colspan="2">
            <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_birthdays')"><img id="collapseimg_forumhome_birthdays" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_birthdays].gif" alt="" border="0" /></a>
            $vbphrase[todays_birthdays]
        </td>
    </tr>
</tbody>
<tbody id="collapseobj_forumhome_birthdays" style="$vbcollapse[collapseobj_forumhome_birthdays]">
    <tr>
        <td class="alt2"><a href="calendar.php?$session[sessionurl]do=getday&amp;day=$today&amp;sb=1"><img src="$stylevar[imgdir_misc]/birthday.gif" alt="$vbphrase[view_birthdays]" border="0" /></a></td>
        <td class="alt1" width="100%"><div class="smallfont">$birthdays</div></td>
    </tr>
</tbody>
<!-- end today's birthdays -->
</if>
$template_hook[forumhome_wgo_pos4]
<if condition="$show['upcomingevents']">
<tbody>
    <tr>
        <td class="thead" colspan="2">
            <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_events')"><img id="collapseimg_forumhome_events" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_events].gif" alt="" border="0" /></a>
            <if condition="$show['todaysevents']">$vbphrase[todays_events]<else /><phrase 1="$vboptions[showevents]">$vbphrase[upcoming_events_for_the_next_x_days]</phrase></if>
        </td>
    </tr>
</tbody>
<tbody id="collapseobj_forumhome_events" style="$vbcollapse[collapseobj_forumhome_events]">
    <tr>
        <td class="alt2"><a href="calendar.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/calendar.gif" alt="$vbphrase[calendar]" border="0" /></a></td>
        <td class="alt1" width="100%"><div class="smallfont">$upcomingevents</div></td>
    </tr>
</tbody>
</if>
$template_hook[forumhome_wgo_pos5]
</table>
<table border="0" width="100%" id="table4" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="thead" align="center" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><div class="smallfont"><strong>
<a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a>
&nbsp; &nbsp;
<a href="showgroups.php?$session[sessionurl]">$vbphrase[view_forum_leaders]</a>
</strong></div></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="f_f1">
<div class="f_f2"></div>
<div class="f_f3"></div>
</div>

<br />
<!-- end what's going on box -->

<!-- icons and login code -->
<table cellpadding="0" cellspacing="2" border="0" width="100%">
<tr valign="bottom">
<td>
<table cellpadding="2" cellspacing="0" border="0">
<tr>
<td><img src="$stylevar[imgdir_statusicon]/forum_new.gif" alt="$vbphrase[contains_new_posts]" border="0" /></td>
<td class="smallfont">&nbsp; $vbphrase[forum_contains_new_posts]</td>
</tr>
<tr>
<td><img src="$stylevar[imgdir_statusicon]/forum_old.gif" alt="$vbphrase[contains_no_new_posts]" border="0" /></td>
<td class="smallfont">&nbsp; $vbphrase[forum_contains_no_new_posts]</td>
</tr>
<tr>
<td><img src="$stylevar[imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" border="0" /></td>
<td class="smallfont">&nbsp; $vbphrase[forum_is_closed_for_posting]</td>
</tr>
</table>
</td>
<if condition="!$show['guest']">
<!-- member logout -->
<td align="$stylevar[right]"><a href="login.php?$session[sessionurl]do=logout&amp;u=$bbuserinfo[userid]" onclick="return log_out()"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></a></td>
<!-- end member logout -->
</if>
</tr>
</table>
<!-- / icons and login code -->

$footer
</body>
</html>

ده الصح

راجعى الخطأ

ثانى حاجه لان الحشو اللى اتكلمنا عليه فى الشرح مش مظبوط

كود PHP:


			
padding-left:40px;padding-right:40px;

زودى شويه وشوفى ايه المناسب
مش شرط زى مانا عامل
انا سعاتا بعمل 37 سعات اكتير سعات اقل
حسب التصميم
شوفى ايه المناسب للتصميم

ساره روز · 12-11-2009

ههههههههههههههه
أيوه عرف الحين السبب
أنا تخربطت بين هذا الكود

كود PHP:


			
<!-- guest welcome message -->

وهذا

كود PHP:


			
<!-- / guest welcome message -->

توئم ما شفتهم عدل
هذا لصح

كود PHP:


			
<!-- / guest welcome message -->
</div>
</div>
</div>
<div class="f_f1">
<div class="f_f2"></div>
<div class="f_f3"></div>
</div>

***************
بنسبه للحشوه ضبط معاي على رقم 95

كود PHP:


			
padding-left:95px;padding-right:95px;

الحمدلله أأنتهيت وكل شي تمام
مشكرين قوي قوي يابوي
وجمعة مباركة
قودبااااية
بااااااااي

قناص جوبا · 12-11-2009

العفو
والحمدلله انه كل حاجه تمام
وجمعه مباركه

طموح وهمة · 12-11-2009

السلام عليكم ورحمة الله وبركاته
شكراً لك أخي قناص جوبا على الدرس والشرح الأكثر من رائع
جزاك الله كل الخير وبارك فيك
تم التطبيق وبحمد الله من دون مشاكل

http://up.g4z4.com/uploads/cbe7721a9e.jpg

http://up.g4z4.com/uploads/17c6ae6826.jpg

بانتظار تأطير باقي القوالب في الدرس القادم إن شاء الله

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

LinkBacks (?) LinkBack to this Thread: http://vbegy.info/vb/t764.html
أرسلت بواسطة	For	Type	التاريخ
Untitled document	This thread	Pingback	02-14-2011 11:19 PM
Untitled document	This thread	Refback	01-15-2011 11:46 PM
ظ…ط´ظƒظ„ط© ط§ظ„طھط£ط·ظٹط± ط§ظ„ط±ط¨ط§ط¹ظٹ - طھظ‚ظ†ظٹظˆظ†	This thread	Refback	03-29-2010 02:29 PM
Untitled document	This thread	Refback	02-23-2010 01:38 PM
Untitled document	This thread	Refback	12-14-2009 03:53 PM
Untitled document	This thread	Trackback	12-08-2009 06:38 PM

فى بى ايجى التطويرية
موقع تكويد	مركز رفع صور وملفات	مدونه فى بى ايجى	منتدى المشاكل	منتدى مجانى
معرض استايلات	دليل مواقع \| اضف موقعك	استضافه مجانيه	اعمال فى بى ايجى	دوره اداره الموقع
دوره تصميم الاستايلات	تبادل اعلانى	تبادل اعلانى	تبادل اعلانى	تبادل اعلانى

رسالة مدير الموقع

دورة تصميم قالب ورد بريس بلوحة تحكم

دورة برمجه اضافه اتصل بنا للورد بريس

الدرس الخامس من دوره تصميم الاستايل بتقنيه (css)

دورة تصميم استايلات vbulletin بال css

روابط vbegy

دورات vbegy

مواقع تابعه لـ vbegy

اتصل بنا

خدمات موقع تكويد