ساعدوني بخصوص التعريب .. ليش محد ساعدني ؟

هنا يتم النقاش حول فكرة الستايل الأساسية CSS، وحول طريقتها في phpBB

المشرف: alhitary

صورة العضو الرمزية
starac
عضو جديد
عضو جديد
مشاركات: 9
اشترك في: الخميس أكتوبر 06, 2005 9:44 pm

??????? ????? ??????? .. ??? ??? ?????? ?

مشاركةبواسطة starac » الأحد مارس 26, 2006 5:47 am

?????? ?????

???? ??? ?? ???? ??? ??????? ??????

???? ??????? ??????? ?? ????? ??? ????????? ??? ??????? ??????

?? ????? ????? ????? ?? ???? ????? ? ???? ??? ?????

?? ??????? ?? ?????? ??? ???? ..

???? ??? ??? ???? ??? ????????? .. ??????? ? ?????? ? ??????? ???? ?? ???? ????? align=right ?? align=left ?? align=center .. ???????? ???? ??? ?????? ???? ??? align

?? ???????? ???? ???? ????? ??????? ???? ?? ???? ??? ????? ???????? ???? ??? ?????? .. ? ??? ??? align=right ????? ???? ??? ? ???? ???? ?????? ?????????? ??? .. ??? ?? ??????? ?? ????? ??

???? ?? ??? ? ????? ? ????? ?? ?? ??? ???? ??????? ????????? ..

??? ?? ?? ??????? ???? ????? ?? ??? ?????? ????? ???? ??? ???????

????? ???? ???????? ????? ??? ? ????? ???? ????????

???? ??????? ????? ??????? ? ?????? ?? ??????? ???? ???? ?? ?? ??????? ??? ???? ? ?? ???? ..

? ?? ??????? :)
آخر تعديل بواسطة starac في الأحد مارس 26, 2006 7:37 pm، تم التعديل مرة واحدة.




ABo.AzAzI
مشرف سابق
مشرف سابق
مشاركات: 1577
اشترك في: الأربعاء مارس 16, 2005 10:13 pm
مكان: K.s.A

مشاركةبواسطة ABo.AzAzI » الأحد مارس 26, 2006 9:18 pm


?????? ?????? ????? ???? ??????? ..
?? ??? ?????? ???? ?? :-

كود: تحديد الكل

<html>
??????? ?? :-

كود: تحديد الكل

<html dir="{S_CONTENT_DIRECTION}"> 
?? ?? ???? ???????? ?? :-

كود: تحديد الكل

<html dir="rtl"> 
:roll:
[/b]

صورة العضو الرمزية
starac
عضو جديد
عضو جديد
مشاركات: 9
اشترك في: الخميس أكتوبر 06, 2005 9:44 pm

مشاركةبواسطة starac » الاثنين مارس 27, 2006 5:23 am

???? ??? ABo.AzAzI ??? ????????

??? ???? ????????? ? ?? ????? .. :(

??? ???? ?? ????? ..
صورة

???? ????? ??????
صورة

??? ??????? ?? ?????? ???? ????? ?????? : ( index_body.tpl )
صورة

???? ???? ..
صورة

????? ???? ??????? ???? ?????? ???? :cry: ..

? ??? ??? ??????? ??? ????? ??? ??????? ???? ??? ???? ?? ??????

ABo.AzAzI
مشرف سابق
مشرف سابق
مشاركات: 1577
اشترك في: الأربعاء مارس 16, 2005 10:13 pm
مكان: K.s.A

مشاركةبواسطة ABo.AzAzI » الاثنين مارس 27, 2006 8:31 pm

???? ?? ??? index_body.tpl ?? ??? <--
+
??? ??? css ???? ? ?? ??? <--

:roll:

صورة العضو الرمزية
starac
عضو جديد
عضو جديد
مشاركات: 9
اشترك في: الخميس أكتوبر 06, 2005 9:44 pm

مشاركةبواسطة starac » الاثنين مارس 27, 2006 10:41 pm

??? CSS

كود: تحديد الكل

/*
  phpBBStyles Theme for phpBB version 2+
  Created by Vjacheslav Trushkin
  http://www.trushkin.net
  http://www.phpbbstyles.com
*/

body { background-color: #FFF; margin: 0px; padding: 0px; }
body { scrollbar-arrow-color: #3B88C5; scrollbar-face-color: #FFFFFF; scrollbar-track-color: #E0E0E0; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #C0C0C0; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #B0B0B0; }

font,th,td,p { font-family: Tahoma, Tahoma, Tahoma, Tahoma; font-size: 12px; }
a { text-decoration: underline; color: #3B88C5; }
a:visited { text-decoration: underline; color: #3279B2; }
a:hover, a:active { text-decoration: underline; color: #FF9C00; }
hr { height: 0px; border: solid #3888C7 0px; border-top-width: 1px;}

img { border: 0px; }
form { display: inline; }

table.forumline { background-color: #C0C0C0; }
table.forumline:hover { background-color: #B0B0B0; }

td.border_left { background-image: url('images/admin_border_left.gif'); width: 10px; }
td.border_right { background-image: url('images/admin_border_right.gif'); width: 10px; }
td.content { background-color: #FFF; }

td.row, td.row1, td.row2, td.row3 { background-color: #FFF; }

th, td.th { color: #F6F6F5; font-size: 12px; font-weight: bold; background-color: #4595D4; background-image: url('images/admin_bg_th.gif'); background-repeat: repeat-x; height: 25px; border-style: solid; border-color: #56A6E5; border-width: 0px 1px 0px 1px; }

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { color: #000; font-size: 11px; background-color: #5393C6; background-image: url('images/admin_bg_cat.gif'); background-repeat: repeat-x; height: 27px; padding: 1px; }

.gen { font-size: 12px; }
.genmed { font-size: 11px; }
.gensmall { font-size: 10px; }


.nav { font-weight: bold; font-size: 11px; color: #FF9C00;}
.nav a, .nav a:visited { text-decoration: underline; color: #3B88C5; }
.nav a:hover, .nav a:active { text-decoration: underline; color: #FF9C00; }

table.nav { background-color: #F7F7F7; background-image: url('images/admin_bg_cat.gif'); border: solid 1px #4E9EDD; height: 25px; }
table.nav:hover { border: solid 1px #3B88C5; }

.forumlink { font-weight: bold; font-size: 12px; }
a.forumlink, a.forumlink:visited { text-decoration: none; }
a.forumlink:hover, a.forumlink:active { text-decoration: underline; }

.forumlink_new { font-weight: bold; font-size: 12px; }
a.forumlink_new, a.forumlink_new:visited { text-decoration: none; color: #F2A62E; }
a.forumlink_new:hover, a.forumlink_new:active { text-decoration: underline; }

.moderators { font-size: 10px; }
.moderators a, .moderators a:visited { color: #A2A2A2; text-decoration: underline; }
.moderators a:hover, .moderators a:active { color: #FF9C00; text-decoration: underline; } 

input { text-indent: 2px; }
input,textarea, select { color: #333; font: normal 11px Tahoma, Tahoma, Tahoma, Tahoma; }
input.post, textarea.post, select { background-color: #FFF; border: solid 1px #2C6B9D; }
input.post { height: 17px; }

input.button { background-color: #FFFFFF; color: #333333; font-size: 11px; font-family: Tahoma, Tahoma, Tahoma, Tahoma;  border: solid 1px #2C6B9D; }

input.mainoption { background-color: #FFFFFF; font-weight: bold;  border: solid 1px #2C6B9D; height: 17px; }
input.liteoption { background-color: #FFFFFF; font-weight: normal;  border: solid 1px #2C6B9D; height: 17px; }

select optgroup { background-color: #C3C7C9; color: #404040; }
select option, select optgroup option { background-color: #FFF; color: #000; }

.helpline { background-color: #FFF; border: solid 1px #FFF; color: #444; }

.topiclink { font-weight: bold; font-size: 11px; }
a.topiclink, a.topiclink:visited { text-decoration: none; }
a.topiclink:hover, a.topiclink:active { text-decoration: underline; }

.topiclink_new { font-weight: bold; font-size: 11px; }
a.topiclink_new { text-decoration: none; color: #FF9C00; }
a.topiclink_new:visited	{ text-decoration: none; color: #FF9C00; }
a.topiclink_new:hover, a.topiclink_new:active { text-decoration: underline; }

.postbody { font-size: 12px; color: #202020; }
.postbody a, .postbody a:visited { text-decoration: underline; }
.postbody a:hover, .postbody a:active { text-decoration: underline; }

.signature { font-size: 12px; color: #404040; }

.postdate { font-size: 10px; color: #646464; }

.name { font-weight: bold; font-size: 11px; }
.name a, .name a:visited { text-decoration: underline; }
.name a:hover, a.name a:active { text-decoration: underline; }
.postdetails { color: #646464; font-size: 9px; }


table.quote { background-color: #C0C0C0; }
td.quote_user { background-color: #F2F2F2; font-size: 11px; color: #555; background-image: url('images/admin_bg_cat.gif'); }
td.quote { background-color: #FAFAFA; }

table.code { background-color: #C0C0C0; }
td.code_header { background-color: #F2F2F2; font-size: 11px; color: #555; background-image: url('images/admin_bg_cat.gif'); }
td.code { background-color: #FFF; font-family: Courier, 'Courier New', Tahoma; font-size: 11px; color: #288B38; }


.pagination { color: #666; font-weight: bold; margin: 0px; margin-top: 5px; margin-bottom: 3px; }
.pagination a, .pagination a:visited { color: #000; border: #D4D7DA 1px solid; padding: 1px; background-color: #EAEBEB; }
.pagination a:hover, .pagination a:active { color: #666; border: #EAECEF 1px solid; padding: 1px; background-color: #FFF; }

.gotopage { margin: 0px; margin-top: 5px; margin-bottom: 1px; }
.gotopage a, .gotopage a:visited { border: #DADCDF 1px solid; padding: 1px; background-color: #E9EDEE; }
.gotopage a:hover, .gotopage a:active { border: #E5E8E9 1px solid; padding: 1px; background-color: #FFF; }


td.spacerow { background-color: #F2F2F2; background-image: url('images/bg_th.gif'); height: 2px; padding: 0px; }

.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color: #444; }
a.cattitle		{ text-decoration: none; }
a.cattitle:hover{ text-decoration: underline; }

.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Tahoma, Tahoma, Tahoma, Tahoma;
			text-decoration: none; line-height : 120%; color : #000000;
}
??? index_body

كود: تحديد الكل

<table width="100%" cellspacing="1" cellpadding="4" border="0" align="center" class="nav">
<tr>
	<td class="nav" align="left" valign="middle"><span class="nav"><a href="{U_INDEX}">{L_INDEX}</a></span></td>
	<td class="nav navform" align="right" valign="middle"><form action="{CA_SEARCH_INDEX}" method="post" style="display: inline;"><span class="nav">
			<input type="hidden" name="show_results" value="topics" />
			<input type="text" name="search_keywords" class="post" size="15" />
			<input type="submit" name="submit" value="{L_SEARCH}" class="mainoption" />
	</span></form></td>
</tr>
</table>

<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
  <tr> 
	<td align="left" valign="bottom"><span class="gensmall">
	<!-- BEGIN switch_user_logged_in -->
	{PRIVATE_MESSAGE_INFO}<br />
	{LAST_VISIT_DATE}<br />
	<!-- END switch_user_logged_in -->
	{CURRENT_TIME}<br />
	{S_TIMEZONE}<br />
	</span></td>
	<td align="right" valign="bottom" class="gensmall">
		<!-- BEGIN switch_user_logged_in -->
		<a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a><br />
		<a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br />
		<a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
		<!-- END switch_user_logged_in -->
		<a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
  </tr>
</table>

<!-- BEGIN switch_xs_enabled -->
<?php

$catrow_count = ( isset($this->_tpldata['catrow.']) ) ?  sizeof($this->_tpldata['catrow.']) : 0;
for($catrow_i = 0; $catrow_i < $catrow_count; $catrow_i++)
{
	$catrow_item = &$this->_tpldata['catrow.'][$catrow_i];
	// check for new messages
	$new_msg = false;
	$forumrow_count = ( isset($catrow_item['forumrow.']) ) ? sizeof($catrow_item['forumrow.']) : 0;
	for ($forumrow_i = 0; $forumrow_i < $forumrow_count; $forumrow_i++)
	{
		$forumrow_item = &$catrow_item['forumrow.'][$forumrow_i];
		$new_item = strpos($forumrow_item['FORUM_FOLDER_IMG'], '_new') > 0 ? true : false;
		if($new_item)
		{
			$new_msg = true;
			$forumrow_item['XS_NEW'] = '_new';
		}
	}
}
?>
<!-- END switch_xs_enabled -->

<!-- BEGIN catrow -->
{TPL_HDR1}<a href="javascript:ShowHide('cat_{catrow.CAT_ID}','cat2_{catrow.CAT_ID}','catrow_{catrow.CAT_ID}');">{catrow.CAT_DESC}</a>{TPL_HDR2}<div id="cat_{catrow.CAT_ID}" style="display: ''; position: relative;"><table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<tr> 
	<th colspan="2" height="25" nowrap="nowrap"> {L_FORUM} </th>
	<th nowrap="nowrap"> {L_TOPICS} </th>
	<th nowrap="nowrap"> {L_POSTS} </th>
	<th nowrap="nowrap"> {L_LASTPOST} </th>
</tr>
<!-- BEGIN forumrow -->
<tr> 
	<td class="row" align="center" valign="middle" width="28" height="28"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="26" height="26" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
	<td class="row" width="70%"><a class="forumlink{catrow.forumrow.XS_NEW}" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
	  <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
	  </span><span class="moderators">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
	<td class="row" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
	<td class="row" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
	<td class="row" align="center" valign="middle" width="130"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
</tr>
<!-- END forumrow -->
</table></div><div id="cat2_{catrow.CAT_ID}" style="display: none; position: relative;"><table width="100%" cellpadding="0" cellspacing="1" border="0" class="forumline"><tr><td class="spacerow" width="100%" height="3"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="1" height="3" border="0" alt="" /></td></tr></table></div>{TPL_FTR}
<script language="javascript" type="text/javascript">
<!--
tmp = 'catrow_{catrow.CAT_ID}';
if(GetCookie(tmp) == '2')
{
	ShowHide('cat_{catrow.CAT_ID}','cat2_{catrow.CAT_ID}','catrow_{catrow.CAT_ID}');
}
//-->
</script>
<!-- END catrow -->

{TPL_HDR1}<a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a>{TPL_HDR2}<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr> 
	<!-- BEGIN switch_user_logged_in -->
	<td class="row" align="center" valign="middle" rowspan="2"><img src="{T_TEMPLATE_PATH}/images/{TPL_COLOR}/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
	<!-- END switch_user_logged_in -->
	<!-- BEGIN switch_user_logged_out -->
	<td class="row" align="center" valign="middle" rowspan="3"><img src="{T_TEMPLATE_PATH}/images/{TPL_COLOR}/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
	<!-- END switch_user_logged_out -->
	<td class="row" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
	</td>
</tr>
<tr> 
	<td class="row" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE}   [ {L_WHOSONLINE_ADMIN} ]   [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}<br />{L_ONLINE_EXPLAIN}</span></td>
</tr>
<!-- BEGIN switch_user_logged_out -->
<tr>
	<td class="row" align="center"><form method="post" action="{S_LOGIN_ACTION}"><span class="gensmall">
		{L_USERNAME}: <input class="post" type="text" name="username" size="10" />
		  {L_PASSWORD}: <input class="post" type="password" name="password" size="10" maxlength="32" />
		<!-- BEGIN switch_allow_autologin -->
		  <label>{L_AUTO_LOGIN} <input class="text" type="checkbox" name="autologin" checked="checked" /></label>
		<!-- END switch_allow_autologin -->
		   <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
	</span></form></td>
</tr>
<!-- END switch_user_logged_out -->
</table>{TPL_FTR}

<table cellspacing="3" border="0" align="center" cellpadding="0" class="forumline2">
<tr> 
	<td width="20" align="center"><img src="{T_TEMPLATE_PATH}/images/{TPL_COLOR}/folder_new_big.gif" alt="{L_NEW_POSTS}"/></td>
	<td><span class="gensmall">{L_NEW_POSTS}</span></td>
	<td>  </td>
	<td width="20" align="center"><img src="{T_TEMPLATE_PATH}/images/{TPL_COLOR}/folder_big.gif" alt="{L_NO_NEW_POSTS}" /></td>
	<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
	<td>  </td>
	<td width="20" align="center"><img src="{T_TEMPLATE_PATH}/images/{TPL_COLOR}/folder_locked_big.gif" alt="{L_FORUM_LOCKED}" /></td>
	<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>

ABo.AzAzI
مشرف سابق
مشرف سابق
مشاركات: 1577
اشترك في: الأربعاء مارس 16, 2005 10:13 pm
مكان: K.s.A

مشاركةبواسطة ABo.AzAzI » الثلاثاء مارس 28, 2006 2:43 pm


??? ????? ????? ???????? ...
???? ?? ???? ???? ?? ????? ?? ???? ?????? ??? ???? ??? css ??? ???? ??? ?????? :lol: ....
???? ? ???????? ???? ?? ??? phpbbstyles.com ??? ?????? ?? ??????? :o ..
???? ??? ??????? ?????? ???? ???? ???? ????? ?? ?? ??????? .. ?? ?????? ??? ????????? ?? ??????? :o... ????? ???? ???? :mrgreen:...

???? ? ????? ?? ??????? ??????? ?????? ?????? ?? ???????? ??? ????? ...
?? ??? ???????? ??? ?? ???? ??? ??????? ??? :-

كود: تحديد الكل

{TPL_HDR1} {TPL_HDR2}
???? ?? ??? ??? ???? ???? ???? :P ... ???? ???????? ?????? ????? ?????? ??????? ?? ????? xxx.cfg :D ...
?????? ???? ?? ???? ?? ???? ?? ???? ????? ???? ?????? ???? ????? ???? ???? ???? 8)
??? ???? ????? ? ?? :-

كود: تحديد الكل

{TPL_HDR1} {TPL_HDR2}
?? ?????? ????? ?????? ... ? ????? ???? ?? ?????? ?????

كود: تحديد الكل

align="left"
??? ?? ???????? E ...

???????? "??????" :mrgreen: :-
?? ????? ???? ???? ?????? ????? ?????? ?? ????? xxx.cfg ????? ??? ???????? ?? ????? ???????? ?? ????? ?? ??? ???? ?? ?? ???? ... ??
> ??? ????? xxx.cfg ???? ??:-

كود: تحديد الكل

align="left"
?? :-

كود: تحديد الكل

align="right"
? ??:-

كود: تحديد الكل

align="right"
?? :-

كود: تحديد الكل

align="left"
?????? ???????? :) ,,, 8)

???? 8)
[/b]

صورة العضو الرمزية
overturn
عضو نشيط
عضو نشيط
مشاركات: 185
اشترك في: الاثنين أغسطس 08, 2005 12:35 pm
اتصال:

مشاركةبواسطة overturn » الثلاثاء مارس 28, 2006 6:28 pm

??? ???? ??? ??? ?????
:)
أمتى يا أمه الحق المجيد ..المغيرون تداعوا من جديد
صورة
:cry: :cry:بإبى انت وأمى يا رسول الله:cry::cry:
:cry:صلى الله عليه وسلم:cry:
أحترف برنامج Apache2triad مع شرح تركيبه كامل بالصور
لايكوس عربى استضافه مجانيه 100 ميجامع CPANELوامكانيات رائعه

صورة العضو الرمزية
habash1986
عضو جديد
عضو جديد
مشاركات: 4
اشترك في: الأحد مارس 26, 2006 8:29 pm

مشاركةبواسطة habash1986 » الثلاثاء مارس 28, 2006 8:21 pm

??? ????????

???? ?????? ?????? ???? ???? ????? ???...

???? ?????? .. ??? ?? ??????? ? ?? ???? ??? ?? ?? ?? ????? ?..:)

??? ?? ??? ??? ????? ???? ???? ???????

http://www.phpbb.com/phpBB/catdb.php?mo ... id=1938339


???? xand

? ??? ???? ???..

http://www.phpbb.com/styles/forum/index.php?style=260
? ?? ????? ?????? ???? ?...:)

صورة العضو الرمزية
starac
عضو جديد
عضو جديد
مشاركات: 9
اشترك في: الخميس أكتوبر 06, 2005 9:44 pm

مشاركةبواسطة starac » الثلاثاء مارس 28, 2006 10:39 pm

ABo.AzAzI, ???? ????? ??? ????? ???? ?????

?? ????? ?????? ?? ?? ????? .. ????? ?? ?????:D


العودة إلى ”[ ×.2.0 ] الاستايلات“

الموجودون الآن

المتصفحون للمنتدى الآن: لا يوجد أعضاء مسجلين متصلين و 5 زوار