أكواد مفيده للمبتدئين [لتنسيق الستايلات]

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

المشرف: alhitary

صورة العضو الرمزية
مهند قمرة
مشرف سابق
مشرف سابق
مشاركات: 4222
اشترك في: السبت أكتوبر 30, 2004 8:32 pm
مكان: مـصـر [ولي الفخر]
اتصال:

????? ????? ????????? [?????? ?????????]

مشاركةبواسطة مهند قمرة » السبت سبتمبر 30, 2006 10:35 pm

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

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

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

????[1]????: ????? ?? ??? CSS ?????

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

???? ??? ??? ??? <HEAD> ?? ??? overall_header.tpl

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

<LINK REL=stylesheet TYPE=\"text/css\" HREF=\"filename.css\"> 




????[2]????: ????? ??? ????? ?? ??????

???? ??? ??? <BODY> ?? ??? overall_header.tpl

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

<body onLoad="start()" topmargin="0" leftmargin="0">
<basefont face="Tahoma">
<script language="javascript" type="text/javascript">
function hide()
{
document.all.ban.style.visibility='hidden'
}
function start()
{
banObj=document.all.ban.style
speed=0
step=0
top_space=0
smooth()
}

function smooth()
{
banTop=banObj.pixelTop
sliderTop=eval(document.body.scrollTop+top_space)
//status="pixelTop="+banTop +"scrollTop="+sliderTop

if(Math.abs(sliderTop-banObj.pixelTop)<=1)
   {
   //status=sliderTop-banObj.pixelTop;
   banObj.pixelTop=sliderTop
   }

step=Math.ceil(Math.abs(sliderTop-banObj.pixelTop)/5)


if(banObj.pixelTop > sliderTop)
   {
   //status="up with step="+step
   banObj.pixelTop-=step
   }
else if(banObj.pixelTop < sliderTop)
   {
   //status="down with step="+step
   banObj.pixelTop+=step
   }
//////////

setTimeout("smooth()",speed)   
}

</script>

<div id="ban" style="position:absolute; left:0; top:0; z-index:5; padding-bottom:5px; border:1px solid #999900;  background-color:#ffffff;filter: Alpha(Opacity=85); color:#003366; font-size:12px; width:191; padding:5px; height:4" align="justify">
<p style="margin-top: 0; margin-bottom: 0" align="center">
<a href="http://www.egyeye.tk" style="text-decoration: none">
<span style="font-size: 8pt">?????? </span>
<span style="font-size: 8pt" lang="en-us">www.egyeye.tk</span></a></p>
<p style="margin-top: 0; margin-bottom: 0" align="center">
<span style="font-size: 8pt" lang="ar-sa">????? ??? ??????? ????????</span></p>
</div>




????[3]????: ????? ????? ????? ????????

??? ??????? ?? ??? [ ????? / ????? ] ?????? ??? ??? ??????
[????? ????? ?? ??? last_topics.tpl]

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

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

<marqee 


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

onmouseover="stop()" onmouseout="start()"


??????: [ ??? ?????? ??? ????? ??? ????? ??????? ?????? ??????. ]



????[4]????: ??? ???? ?????? ???? ?? ?????? ?????? IE ?? ???????

???? ???? ???? ???? ??? phpbbarabia ?? ??????? ????? ????? ?????? ???? ?? ????? [e] ?????? ????????

???? ??? <head> ?? ??? overall_header.tpl

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

<LINK REL="SHORTCUT ICON" HREF="http://yoursite.com/Icon.ico">




????[5]????: ??? ???? ???????? ????? ?? ?????? ?? ????? ??????

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

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

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

???? ??? ??? ??? <HEAD> ?? ??? overall_header.tpl

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

<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Expires" CONTENT="-1">




????[6]????: ???? ??? ???? ?????? ?? ??????
???? ??????? ????? ????? ?????? ??????? CUR ?? ANI
??? ???????? ??????? ?? ???? ????? ??????:

??? ??? ??? <HEAD> ?? ??? overall_header.tpl

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

<style>
body
{
CURSOR: url(http://www.yoursite.com/MOUSE.ANI);
}
</style>




????[7]????: ?????? ?????? ??????? ?? ??????

??? ??????? ??????? ???????? ??????? ??? http://www.phpbbarabia.com

???? ?? ?????? ???????? ??????? ??? ???? ????? ???? HTML.

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

<form method="post" action="http://www.yoursite.com/phpbb/login.php"> 
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
   <tr>
     <td class="catHead" height="28">
        <p align="center">???? ??? ???????</td>
   </tr>
   <tr>
     <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">
      ??? ????????:
      <input class="post" type="text" name="username" size="10" /><br>
        ???? ????&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:
      <input class="post" type="password" name="password" size="10" /><br>
        ???? ??? <input class="text" type="checkbox" name="autologin" />&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="submit" class="mainoption" name="login" value="????" />
      </span> </td>
   </tr>
  </table>
</form>




????[8]????: ?????? ???? ??? GOOGLE ??????

???? ?? ?????? ??????? ?? ??? index_body.tpl

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

<!--Google Searsh-->
<center>
<FORM method=GET action="http://www.google.com/search" dir="rtl" target="_blank">
<TABLE bgcolor="#FFFFFF"><tr><td>
<p align="center" style="word-spacing: 3; margin-top: 3; margin-bottom: 3">
<border="0" ALT="Google" align="absmiddle">
<INPUT TYPE=text name=q size=31 maxlength=200 value="" style="BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-COLOR: #330066; BORDER-BOTTOM-STYLE: solid; BORDER-LEFT-COLOR: #330066; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #330066; BORDER-RIGHT-STYLE: solid; BORDER-TOP-COLOR: #330066; BORDER-TOP-STYLE: solid; COLOR: #330066; FONT-FAMILY: Tahoma"></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<border="0" ALT="Google" align="absmiddle">&nbsp;<INPUT TYPE=hidden name=hl value="en"><INPUT style="BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-COLOR: #330066; BORDER-BOTTOM-STYLE: solid; BORDER-LEFT-COLOR: #330066; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #330066; BORDER-RIGHT-STYLE: solid; BORDER-TOP-COLOR: #330066; BORDER-TOP-STYLE: solid; COLOR: #330066; FONT-FAMILY: Tahoma" type=submit name=btnG VALUE="&#1575;&#1604;&#1576;&#1581;&#1579; &#1601;&#1610; &#1580;&#1608;&#1580;&#1604;" >
</td></tr></TABLE>
</FORM>
</center>
<!--Google Searsh-->



????[9]????: ???? ????? ????? ??????

????? ???? <head> ? </head>
?? ??? overall_header.tpl

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

<bgsound src="http://www.YourSite.com/SOUND.WAV" loop="0">

???? YourSite ?? ?????
SOUND.WAV ?? ??? ?????
آخر تعديل بواسطة مهند قمرة في الأربعاء ديسمبر 27, 2006 1:48 am، تم التعديل 7 مرات في المجمل.
سأعود قريبا لعالمي في ارابيا :)
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
صورة




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

مشاركةبواسطة ABo.AzAzI » الأحد أكتوبر 01, 2006 12:11 am

???? ??????? .... ????? ????? ?? ???? ?????? [????]:D

الكبير اوي
عضو مطرود
عضو مطرود
مشاركات: 661
اشترك في: الأحد يناير 01, 2006 2:24 pm
مكان: مصر

مشاركةبواسطة الكبير اوي » الأحد أكتوبر 01, 2006 1:35 am

??? ???? ????? ??? ? ???? ?? :)

صورة العضو الرمزية
مهند قمرة
مشرف سابق
مشرف سابق
مشاركات: 4222
اشترك في: السبت أكتوبر 30, 2004 8:32 pm
مكان: مـصـر [ولي الفخر]
اتصال:

مشاركةبواسطة مهند قمرة » الأحد أكتوبر 01, 2006 1:59 am

????? ?????? [??? ?????] ??? ??? ??? ??? ?????? ???? ???????

???? ?????? [?????? ???] ??? ??? ??? ?????? ?????
سأعود قريبا لعالمي في ارابيا :)
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
صورة

Bruce
مشرف سابق
مشرف سابق
مشاركات: 471
اشترك في: الثلاثاء يوليو 05, 2005 10:22 pm
مكان: ليــبــيــا
اتصال:

مشاركةبواسطة Bruce » الأحد أكتوبر 01, 2006 2:19 am

???? ????,

???? ???

صورة العضو الرمزية
مهند قمرة
مشرف سابق
مشرف سابق
مشاركات: 4222
اشترك في: السبت أكتوبر 30, 2004 8:32 pm
مكان: مـصـر [ولي الفخر]
اتصال:

مشاركةبواسطة مهند قمرة » الأحد أكتوبر 01, 2006 6:43 am

-Bruce-, ???? ????? ??????
سأعود قريبا لعالمي في ارابيا :)
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
صورة

صورة العضو الرمزية
الفهد العربي
عضو جديد
عضو جديد
مشاركات: 7
اشترك في: السبت مارس 18, 2006 12:08 pm

مشاركةبواسطة الفهد العربي » الأحد أكتوبر 22, 2006 5:40 am

?????????? ???? ??? ..
شبكة إبداع الفهد
http://www.ebdaa-f.com

صورة العضو الرمزية
مهند قمرة
مشرف سابق
مشرف سابق
مشاركات: 4222
اشترك في: السبت أكتوبر 30, 2004 8:32 pm
مكان: مـصـر [ولي الفخر]
اتصال:

مشاركةبواسطة مهند قمرة » الأحد أكتوبر 22, 2006 10:26 am

????? ??? ????? [ ????? ?????? ] :)
سأعود قريبا لعالمي في ارابيا :)
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
صورة

صورة العضو الرمزية
abu abdalah
عضو نشيط
عضو نشيط
مشاركات: 150
اشترك في: السبت يونيو 24, 2006 5:45 am

مشاركةبواسطة abu abdalah » الاثنين نوفمبر 13, 2006 9:08 pm

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

صورة العضو الرمزية
مهند قمرة
مشرف سابق
مشرف سابق
مشاركات: 4222
اشترك في: السبت أكتوبر 30, 2004 8:32 pm
مكان: مـصـر [ولي الفخر]
اتصال:

مشاركةبواسطة مهند قمرة » الأربعاء نوفمبر 15, 2006 8:14 pm

abu abdalah كتب:????? ????? ? ???? ?? ???? ????? ???? ???? ???? ?? ?????? ????? ???? ??? ?? ???????


??? ??? ??? ???? ???????? ???? ?????? [??? ???????? ?? ???]
???? ??? ??? ??? ????? ????? ???. ???? ????? ????? ???? ???? ??? ????? ???? ???? ?????? ???????? ????? ??? ???????. ???? ?? ?? ???? ??? ??? ??????? ????? ?? ???? ??????? ??? ????? ??? ???? ???? ?????. [???? ?? ???? ???]
سأعود قريبا لعالمي في ارابيا :)
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
صورة

صورة العضو الرمزية
abu abdalah
عضو نشيط
عضو نشيط
مشاركات: 150
اشترك في: السبت يونيو 24, 2006 5:45 am

مشاركةبواسطة abu abdalah » الخميس نوفمبر 16, 2006 6:27 am

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

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

صورة العضو الرمزية
engineer mohamed
عضو جديد
عضو جديد
مشاركات: 47
اشترك في: الأحد نوفمبر 26, 2006 7:33 pm
اتصال:

مشاركةبواسطة engineer mohamed » السبت ديسمبر 23, 2006 4:22 pm

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

???? ????? ????? ??? :D

صورة العضو الرمزية
abdullaah
عضو نشيط
عضو نشيط
مشاركات: 161
اشترك في: الأحد فبراير 18, 2007 3:21 pm

مشاركةبواسطة abdullaah » الخميس إبريل 19, 2007 12:47 pm

???? ???? ???? ????? ???? ? ????
حكم و مواعظ و أمثال اسبوعيه
رأس الحكمه مخافة الله
حب الدنيا رأس كل خطيئه
----------------------------------
مدونة عبدالله1
http://abdullaah.blogspot.com/

موقع المسلم
http://almuslem.110mb.com/news.php
صورة
دعم رسائل
http://rasaael.freeforums.org/index.php
ستايلات هاكات دروس مواقع واجهات و متنوعات
معرض الصور
http://psd.byethost7.com/coppermine/index.php

صورة العضو الرمزية
amoo3sl
عضو فعال
عضو فعال
مشاركات: 441
اشترك في: الجمعة نوفمبر 10, 2006 10:01 am
مكان: مكة
اتصال:

مشاركةبواسطة amoo3sl » الخميس إبريل 19, 2007 3:31 pm

???? ?? ????

?????? ?? ?????????
أحمد محمد الغزاوي

صورة العضو الرمزية
mido1230
عضو جديد
عضو جديد
مشاركات: 59
اشترك في: السبت فبراير 03, 2007 4:54 pm

مشاركةبواسطة mido1230 » الأربعاء إبريل 25, 2007 9:06 pm

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


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

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

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