أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

ستايلات Styles

مشاكل وحلول الاستايلات

[مجابه] طلب الأكواد البرمجية لتعديل الهيدر

: موضوع مغلق

الصفحة 2 من 2

الأخيرة

: [مجابه] طلب الأكواد البرمجية لتعديل الهيدر

12-05-2014 02:14 صباحاً

codex36

السلام عليكم
اردت تغيير شكل الهيدر لكن واجهتني مشكلة صغيرة في الكود الخاص بالـ پهپ
الي في پارتيي 1 أحوله للـ پارتيي 2

طلب الأكواد البرمجية لتعديل الهيدر

الموقع التجريبي

: تم تحرير الموضوع بواسطة :codex36 بتاريخ: 12-05-2014 02:27 صباحاً

: [مجابه] طلب الأكواد البرمجية لتعديل الهيدر

12-05-2014 04:08 صباحاً [1]

Mr King

مرحبا أخي،

اخذ نسخة من كود فورم تسجيل الدخول (ومن الأفضل أخذ نسخة من القالب كاملا) ثمّ استبدله بهذا

CODE
 <form style="margin:0px;padding:0px" class="form-5" method="post" action="index.php?page=login&login=1"> <input type="text" id="navbar_username" class="usrname1" tabindex="101" style="font-size: 11px" name="username" value="{$lang['username']}" onfocus="if (this.value == '{$lang['username']}') this.value = '';" size="12" /> <div class="chkbox2"> <input type="checkbox" name="temporary" value="on" tabindex="103" id="cb_cookieuser_navbar" /> {$lang['Temp_login']} </div> <input type="password" id="navbar_password" class="passwd1" style="font-size: 11px" tabindex="102" name="password" value="pass" onfocus="if (this.value == 'pass') this.value = '';" size="12"/> <div style="position:absolute;top:2px;right:380px;width:61px;height:33px"> <button type="submit" name="submit" class="buttonx2" value="" tabindex="104" title="ادخل اسم العضو وكلمة المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط 'التسجيل' لإنشاء حساب خاص بك." accesskey="s"> <i class="icon-arrow-left"></i> <span>دخول</span> </button> </div> </form> 

واخذ نسخة من كود فورم البحث، ثمّ استبدله بهذا

CODE
<form name="search" action="index.php?page=search" method="get"> <input type="hidden" name="page" value="search" /> <input type="hidden" name="start" value="1"/> <input type="hidden" name="search_only" value="1" /> <input type="hidden" name="sort_order" value="DESC" /> <input type="hidden" name="section" value="all" /> <label for='mains_search' class='hide'>{$lang['start_search']}</label> <input type="text" name="keyword" id="mains_search" class="bginput" tabindex="1004" value="{$lang['search_keyword']}" onfocus="if (this.value == '{$lang['search_keyword']}') this.value = '';" dir="{$_CONF['info_row']['content_dir']}" /> <input type="submit" tabindex="1004" class="button" title="{$lang['start_search']}" /> </form>

: تم تحرير المشاركة بواسطة :Mr King بتاريخ:12-05-2014 04:31 صباحاً

: [مجابه] طلب الأكواد البرمجية لتعديل الهيدر

12-05-2014 04:29 مساءً [2]

codex36

شكرا اخي
لكن يوجد بعض المشاكل الخفيفة
الكود شغال بد استبداله من القوالب الشائعة ء هيادير
لكن عند دخول اليووزر والباسوورد وعمل الدخول يجب ان تظهر كما في الصورة

طلب الأكواد البرمجية لتعديل الهيدر

: [مجابه] طلب الأكواد البرمجية لتعديل الهيدر

12-05-2014 05:46 مساءً [3]

Mr King

تعديل بسيط لخانة البحث : في كود فورم البحث استبدل السطر

CODE


<input type="submit" tabindex="1004" class="button" title="{$lang['start_search']}" />

بهذا

CODE


<input type="submit" tabindex="1004" class="button" title="{$lang['start_search']}" value="" />

بالنسبة للمشكلة الثانية

ابحث عن

CODE

<div class="loginbox">

أضف قبله (أعلى منه)

CODE

{if !{$_CONF['member_permission']}}

وفي نفس القالب ابحث عن

CODE

<div class="wrapper-dropdown-3 dda" style="direction:ltr;margin-top:6px">

أضف قبله (أعلى منه)

CODE


{else}
<div class="loginbox">
<span class="welcomelink">{$lang['Hello_your']} </span>
<span class="username_link">
<a href="index.php?page=profile&amp;show=1&amp;id={$_CONF['rows']['member_row']['id']}" title="{$username_style}">
({$username_style})</a>
</span>
<span class="welcomelink">{$lang['Last_visit']}
({$lastvisit})
</span>
{if {$_CONF['info_row']['pm_feature']}}
{if {$_CONF['rows']['group_info']['use_pm']} == 1}
<span class="memberlink">
<a href="index.php?page=pm_list&amp;list=1&amp;folder=inbox">{$lang['Private_Messages']}</a>:
({$pm_num})
</span>

{if {$all_alerts_num} > 0}
<a href="javascript:switchMenuNone('alerts')">{$lang['alerts']} : <strong>{$all_alerts_num}</strong>
<img border="0" alt="menu" src="{$image_path}/menu_open.gif" /></a>
{template}alerts{/template}  
{/if}
</div>
{/if}

ثمّ ابحث عن

CODE

<!-- q -->

أضف بعده (أسفل منه)

CODE


{if {$_CONF['member_permission']}}
<li class="l-1">                                           
<a href="index.php?page=usercp&amp;index=1" title="{$lang['usercp']}">{$lang['usercp']}</a>
</li>
{/if}

مع تغيير l-1 إلى اسم الكلاس الموجود فيه خلفية رابط لوحة تحكم العضو

: تم تحرير المشاركة بواسطة :Mr King بتاريخ:12-05-2014 06:27 مساءً

: [مجابه] طلب الأكواد البرمجية لتعديل الهيدر

12-05-2014 06:38 مساءً [4]

codex36

قمت بالعملية أخي اختفى الهيدر كاملا

: [مجابه] طلب الأكواد البرمجية لتعديل الهيدر

12-05-2014 08:04 مساءً [5]

codex36

قمت بتجربة وإضافة بعض الأسطر أخي
أرود كود تسجيل خروج

: [مجابه] طلب الأكواد البرمجية لتعديل الهيدر

12-05-2014 08:07 مساءً [6]

codex36

بدل هذا الكود

CODE


{else}
<div class="smallfont">
<span class="welcomelink">{$lang['Hello_your']} </span>
<span class="username_link">
<a href="u{$_CONF['rows']['member_row']['id']}" title="{$username_style}">
({$username_style})</a>
</span>
<span class="welcomelink">{$lang['Last_visit']}
({$lastvisit})
</span>
{if {$_CONF['info_row']['pm_feature']}}
{if {$_CONF['rows']['group_info']['use_pm']} == 1}
<span class="memberlink">
<a href="index.php?page=pm_list&list=1&folder=inbox">{$lang['Private_Messages']}</a>:
({$pm_num})
</span>

{if {$all_alerts_num} > 0}
<a href="javascript:switchMenuNone('alerts')">{$lang['alerts']} : <strong>{$all_alerts_num}</strong>
<img border="0" alt="menu" src="{$image_path}/menu_open.gif" /></a>
{template}alerts{/template}  
{/if}
</div>
<a class="logoutlink" title="تسجيل خروج" href="login.php?do=logout&logouthash=1399909357-a4a647a303c80279675f87a50bb3b54fe7d63800" onclick="return log_out('هل أنت متأكد برغبتك في الخروج من المنتدى؟')"><span>تسجيل خروج</span></a>
{/if}
{/if}
{/if}

: تم تحرير المشاركة بواسطة :Mr King بتاريخ:13-05-2014 04:10 مساءً

سبب التعديل : تنسيق الأكواد

: [مجابه] طلب الأكواد البرمجية لتعديل الهيدر

12-05-2014 08:10 مساءً [7]

codex36

الكود الاول خطأ

CODE


<div>
	<div>
		 </div>
	<div>
		{else}</div>
	<div>
		<div class=\\"loginbox\\"></div>
	<div>
		<span class=\\"welcomelink\\">{$lang['Hello_your']} </span></div>
	<div>
		<span class=\\"username_link\\"></div>
	<div>
		<a href=\\"index.php?page=profile&amp;show=1&amp;id={$_CONF['rows']['member_row']['id']}\\" title=\\"{$username_style}\\"></div>
	<div>
		({$username_style})</a></div>
	<div>
		</span></div>
	<div>
		<span class=\\"welcomelink\\">{$lang['Last_visit']}</div>
	<div>
		({$lastvisit})</div>
	<div>
		</span></div>
	<div>
		{if {$_CONF['info_row']['pm_feature']}}</div>
	<div>
		{if {$_CONF['rows']['group_info']['use_pm']} == 1}</div>
	<div>
		<span class=\\"memberlink\\"></div>
	<div>
		<a href=\\"index.php?page=pm_list&amp;list=1&amp;folder=inbox\\">{$lang['Private_Messages']}</a>:</div>
	<div>
		({$pm_num})</div>
	<div>
		</span></div>
	<div>
		</div>
	<div>
		{if {$all_alerts_num} > 0}</div>
	<div>
		<a href=\\"javascript:switchMenuNone('alerts')\\">{$lang['alerts']} : <strong>{$all_alerts_num}</strong></div>
	<div>
		<img border=\\"0\\" alt=\\"menu\\" src=\\"{$image_path}/menu_open.gif\\" /></a></div>
	<div>
		{template}alerts{/template}  </div>
	<div>
		{/if}</div>
	<div>
		</div></div>
	<div>
		{/if}</div>
</div>

: [مجابه] طلب الأكواد البرمجية لتعديل الهيدر

12-05-2014 08:57 مساءً [8]

codex36

تقريبا انتهينا أخي بقي إضافة سطر تحت جملة
مرحباً بك يا : (Bushido) آخر زيارة لك: (12ء05ء2014 07:51 مساء)
الرسائل الخاصة: غير مقروء 0، من مجموع 3 رسالة. / مع الكود الخاص بها
إضافة كود زر الخروج كما في الصورة أسفله

طلب الأكواد البرمجية لتعديل الهيدر

: [مجابه] طلب الأكواد البرمجية لتعديل الهيدر

12-05-2014 11:20 مساءً [9]

Mr King

بالفعل أخي، نسيت غلق بعض الأوسمة

استبدله بهذا

CODE


{else}
<div style="display:inline-block;">
<span class="welcomelink">{$lang['Hello_your']} </span>
<span class="username_link">
<a href="index.php?page=profile&amp;show=1&amp;id={$_CONF['rows']['member_row']['id']}" title="{$username_style}">
({$username_style})</a>
</span>
<span class="welcomelink">{$lang['Last_visit']}
({$lastvisit})
</span>
{if {$_CONF['info_row']['pm_feature']}}
{if {$_CONF['rows']['group_info']['use_pm']} == 1}
<span class="memberlink">
<a href="index.php?page=pm_list&amp;list=1&amp;folder=inbox">{$lang['Private_Messages']}</a>:
({$pm_num})
</span>
{/if}
{/if}

{if {$all_alerts_num} > 0}
<a href="javascript:switchMenuNone('alerts')">{$lang['alerts']} : <strong>{$all_alerts_num}</strong>
<img border="0" alt="menu" src="{$image_path}/menu_open.gif" /></a>
{template}alerts{/template}  
{/if}
<a class="logoutlink" href="index.php?page=logout&amp;index=1" onclick="return **('{$lang['**']}')" title="{$lang['logout']}"></a>
</div>
{/if}

ثمّ اذهب لورقة css واستبدل الكلاس logoutlink

بهذا

CODE


.logoutlink {
background-image: url('images/loggoffon.png');
background-repeat: no-repeat;
width: 36px;
height: 36px;
position: absolute;
display: inline-block;
}

: تم تحرير المشاركة بواسطة :Mr King بتاريخ:12-05-2014 11:40 مساءً

: [مجابه] طلب الأكواد البرمجية لتعديل الهيدر

13-05-2014 02:39 صباحاً [10]

codex36

لم يضهر هذا الكود الرسائل الخاصة: غير مقروء 0، من مجموع 0 رسالة.

التنبيهات في سطر واحد إن كان ممكن وشكرا

: [مجابه] طلب الأكواد البرمجية لتعديل الهيدر

13-05-2014 05:06 صباحاً [11]

Mr King

تفضّل أخي،

استبدل الكود الذي أدرجته لك في ردّي السابق بهذا الكود

CODE
{else} <div style="display:inline-block;padding: 6px 0px 2px 6px;"> <span class="welcomelink">{$lang['Hello_your']} </span> <span class="username_link"> <a href="index.php?page=profile&show=1&id={$_CONF['rows']['member_row']['id']}" title="{$username_style}"> ({$username_style})</a> </span> <span class="welcomelink"> {$lang['Last_visit']} ({$lastvisit}) </span> <span class="memberlink"> {$lang['Private_Messages']}: <a href="index.php?page=pm_list&list=1&folder=inbox">غير مقروء</a> ({$pm_num})، {$lang['Of_the_total']} {$TotalPmNum} {$lang['Msg']}. </span> {if {$all_alerts_num} > 0} <a href="javascript:switchMenuNone('alerts')">{$lang['alerts']} : <strong>{$all_alerts_num}</strong> <img border="0" alt="menu" src="{$image_path}/menu_open.gif" /></a> {template}alerts{/template} {/if} </div> <a class="logoutlink" href="index.php?page=logout&index=1" onclick="return **('{$lang['**']}')" title="{$lang['logout']}"></a> {/if}

وكذلك استبدل الكلاس logoutlink بهذا

CODE
.logoutlink { background-image: url('images/loggoffon.png'); background-repeat: no-repeat; width: 36px; height: 36px; display: inline-block; }

وكذلك الكلاس الخاص برابط لوحة تحكم العضو، استبدله بهذا

CODE
.l-6cp { background-image: url('images/idev_cp.png'); background-repeat: no-repeat; background-position: right top; margin-left: 8px !important; float: right; }

كذلك في الكلاسات welcomelink و username_link من الأفضل تعديل حجم الخطّ font-size

والكلاس loginbox من الأفضل أن تحذف منه
CODE
margin-top: 6px;<br />

: تم تحرير المشاركة بواسطة :Mr King بتاريخ:14-05-2014 03:15 مساءً

: [مجابه] طلب الأكواد البرمجية لتعديل الهيدر

13-05-2014 12:10 مساءً [12]

codex36

شكرا لك أخي بارك الله لك و للجميع هذا ما كنت أريده

طلب الأكواد البرمجية لتعديل الهيدر

وقد مصلنا إليه بفضل الله ومساعدتكم شكرا لكم

الصفحة 2 من 2

الأخيرة

المواضيع المتشابهه
عنوان الموضوع	الكاتب	الردود	الزوار	آخر رد
إزالة الأكواد من وصف الموضوع	Alashkar	3	587	Soliman
مشكلة في صندوق الأكواد	WP_97	1	637	WP_97
ما فائدة هذه الأكواد في headinclud	kareem	5	1636	kareem
مشكلة بالأكواد مره آخرى	عفريت المنتدى	9	1484	Soliman
سؤال عن بعض الأكواد فى ملف css	Ahmed ezzat	3	1042	ezzeldean

الكلمات الدلالية

لا يوجد كلمات دلالية ..

« XenForo Styles Login? | طريقة تعديل الروابط المنسدله في tqnyah_style »

الساعة الآن 10:37 PM