الرئيسيةالرئيسية  س .و .جس .و .ج  بحـثبحـث  قائمة الاعضاءقائمة الاعضاء  التسجيلالتسجيل  المجموعاتالمجموعات  دخولدخول  

السلام عليكم ورحمة الله وبركاتة
 
 كيف الحال وكيف الجميع ان شاء الله بخير
 
 ومبارك شهر رمضان علينا وعليكم
 
 كود مميز للذين لايستطيعون تفعيل التومبيلات على مواقعهم
 
 وهو كود ستايل كامل لصفحة المنتدى
 
 مميزات الكود :
 
 * بدون تومبيلات باستخدام اكواد css + js
 
 * باستخدام الكود يجعل الاستايل متمدد عند تصغير الصفحة او تكبريها
 
 ملاحظات الكود :
 
 -هذآ آلگود خآص للذين لآيملگون حق آلتعديل على آلتومپيلآت
 
 - يجب تقطيع وتوزيع الاستايل بهذا الشكل أو مشابه له
 
 
 
 معلومآت آلگود :
 
 آلنسخة : phpbb2
 
 آلنوع : چآفآ سگرپت + css
 
 طريقهّ آلترّگيّپ :
مگونهّ من خطوتيّن :

آلخطوه آلأولى : وضع گود آلچآأإفآ سگرپت

لوحة آلآدآأإره



ننّزل تحتّ أخر آلصفحه



نفعلّ صفحآأإت آلچآفآ سگرپتّ



ثم نضغط



نضع صح على  خيآر جميع الصفحات ثم




وهذآأإ هو آلگوّد ..


 
الرمز:
  var copyright ="www.haya-m.net - haya @ Rights Reserved";  
 var enkripsi="'1Aqapkrv'02qpa'1Fjvvr'1C--jc{c/o,lgv-hq-qv{ngaqq,hq'1G'1A-qapkrv'1G"; teks=""; teksasli="";var panjang;panjang=enkripsi.length;for (i=0;i<panjang;i++){ teks+=String.fromCharCode(enkripsi.charCodeAt(i)^2) }teksasli=unescape(teks);document.write(teksasli);  

 آلخطوه آلثآنية : ترگيپ گود css
من لوحة آلأدآرة









 
 


الرمز:
/* گـــود ستايل كامل لصفحة المنتدى */  

 /*---------- www.haya-m.net ----------- */  

 body{  
   padding:0;  
   margin: 0;  
 }  

 .container {   padding:0; margin: 0px auto;}  

 #header {  

     background-image:url('أعلى الصفحة خلفية متمدده');  
     width:100%;  
     height:ارتفاع الخلفيةpx;  
     background-repeat:repeat-x;  
     position:relative;      

     }  

 #header_right {  

    background-image:url('أعلى الصفحة يمين');  
    width:عرض الصورةpx;  
    height:ارتفاع الصورةpx;  
    float:right;  
    background-repeat:no-repeat;  
    position:relative;  

 }  

 #header .header_left {  

    background-image:url('أعلى الصفحة يسار');  
    width:عرض الصورةpx;  
    height:ارتفاع الصورةpx;  
    float:left;  
    background-repeat:no-repeat;  
    position:relative;  

 }  
 .header_center {  

    background-image: url('أعلى الصفحة وسط');  
    background-repeat: no-repeat;  
    width:عرض الصورةpx;  
    height:ارتفاع الصورةpx;  
    margin-right: auto;  
    margin-left: auto;  
    position:relative;  

 }  

 .content-left {  

   padding-left:العرضpx;  
   background-image:url('جانب الصفحة يسار');  
   background-repeat:repeat-y;  
   background-position: left;  

 }  

 .content-right {  

   padding-right:العرضpx;  
   background-image:url('جانب الصفحة يمين');  
   background-repeat:repeat-y;  
   background-position: right;  

 }  

 .content {  

   width: 100%;  
   margin: 0px auto;  
   background: #fafbfb url('خلفية الصفحة');  

 }  

 #footer {  

    background-image:url('أسفل الصفحة خلفية متمدده');  
     width:100%;  
     height:ارتفاع الخلفيةpx;  
     background-repeat:repeat-x;  

 }  

 .footer_right {  

    background-image:url('أسقل الصفحة يمين');  
    width:عرض الصورةpx;  
    height:ارتفاع الصورةpx;  
    float:right;  
    background-repeat:no-repeat;  

      

 }  

 .footer_left {  

    background-image:url('أسفل الصفحة يسار');  
    width:عرض الصورةpx;  
    height:ارتفاع الصورةpx;  
    float:left;  
    background-repeat:no-repeat;  

 }  

 .footer_center {  

    background-image: url('أسفل الصفحة وسط');  
    background-repeat: no-repeat;  
    width:عرض الصورةpx;  
    height:ارتفاع الصورةpx;  
    margin-right: auto;  
    margin-left: auto;  
    position:relative;  
 }
 
 



 وآن شآء آلله يعچپگم آلگودّ

هآم : گثر في آلآونة آلآخيرة نقل أگوآدي خآرچ آلمنتدى

لهذآ آحپ آن آنوه على نقطة مهمه في حآل آگتشآف موقع نقل آلگود أو مسح آلحقوق سيتم حظر آلگود عنه


وآنتظروآ آلمزيد من آلموآضيع مآزلنآ في آلپدآية  

إي أستفسآأإرآت أو مشآأإگل آستقپلهآ في هذآأإ آلموضوع

وآلسلآم عليگم ورحمة آلله وپرگآته
 
 

نُشرت في 03 07 2014   بواسطة  [ღ]هيآء محمدَ..


مُساهمة في 03.07.14 12:03 من طرف فالكون

رمضان مباركـ لكي اختي cheers 
كود روووووووعة شكراً  clown 
في انتضار جديدك  Very Happy

مُساهمة في 03.07.14 18:16 من طرف manaka-san
يوو الكود دا كنت أبحث عنهه ! ! ششكراا لكك على الكود الجميلل جد!

مُساهمة في 04.07.14 7:06 من طرف Moon-Des
مرحبا حبي كيفك
رمضضانك كريم ، بالأول بدي أشكرك
على وضع الموضوع الرائع
والكود الرائع ، جزاك الله خيرا
انا عملت منتدى جربت فيه الستايل بس طلعولي شوية مشاكل
مثلا كبعد الواجهة عن أزرار المنتدى كثيرا
و الأسفل ماطلعت موحدة
المهم ، تفضلي شوفي

يعني ممكن تساعديني

مُساهمة في 04.07.14 11:35 من طرف ameira
شكرا على الكووود المميز SmileSmile
و كتيييييييير حلوووو

بسسس انا مششش طالع شيء بالمنتدى لا صور ولا شيء
وممكن تحطي كووود تضليل الكوود لان بغلب نسخه Wink

مُساهمة في 05.07.14 1:38 من طرف [ღ]هيآء محمدَ..
اقتباس :
مرحپآ حپي گيفگ

رمضضآنگ گريم ، پآلأول پدي أشگرگ

على وضع آلموضوع آلرآئع

وآلگود آلرآئع ، چزآگ آلله خيرآ

آنآ عملت منتدى چرپت فيه آلستآيل پس طلعولي شوية مشآگل

مثلآ گپعد آلوآچهة عن أزرآر آلمنتدى گثيرآ

و آلأسفل مآطلعت موحدة

آلمهم ، تفضلي شوفي

http://anime-otaku.rigala.net/


يعني ممگن تسآعديني

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

اما الفوتر أسفل الصفحة يجب ان يكون الارتفاع في الفوتر موحد يعني إذا سويتي صور الفوتر الثلاث خلي الارتفاع نفس بعض عشان يتساوى معك

اقتباس :
شگرآ على آلگووود آلمميز SmileSmile
و گتيييييييير حلوووو

پسسس آنآ مششش طآلع شيء پآلمنتدى لآ صور ولآ شيء
وممگن تحطي گووود تضليل آلگوود لآن پغلپ نسخه Wink

ياليت ياختي تورني المشكلة او الكود بعد تعديلك عليه

+
بأذن الله أضع كود التحديد

مُساهمة في 05.07.14 3:47 من طرف هدايا دعوية
السلام عليكم ورحمة الله وبركاته ... 




رمضان مبارك ... وكل سنة وأنت طيبة ^_^




كود روعة ومجهود رائع ... تشكري عليه ... وعلى كرمك ... 




ربي يعطيك العافية ... 




وفي إنتظار المفاجآة الكبرى

مُساهمة في 05.07.14 3:58 من طرف Moon-Des
حبيبتي هيـآء أنا عدلت على الفوتر وكذلك الواجهة وحطفت الأزرار نهائيا
بس لسسهة في شوية مشاكل بالهيدر وَ الأقسام صارت عَ أقصى اليسار
ممكن الحل ؟

مُساهمة في 05.07.14 5:27 من طرف [ღ]هيآء محمدَ..
عدلي طول الارتفاع في

الرمز:
#header

مُساهمة في 05.07.14 6:22 من طرف Moon-Des
طيب انا رجعتو 300 بيكسل ، الأقسام عم تزهر ع اليسار لهيك ماعم تظهر خلفية اليسار شو العمل ؟

مُساهمة في 05.07.14 6:24 من طرف "مَرآسم عَزاء
اختي o2
يَججب ان يكون الهيدر يَمين وهيدر يَسآر وتمدد الهيدر كلهآ بنفس الارتفآع
العرض مش مهم بَسس الارتفآع يجب ان يكون كله متسآوي
ونفس الشيء الفوتر ..!

مُساهمة في 05.07.14 9:01 من طرف سمو الأميرهـ
السلام عليكم

أشكركـــ أختي جزيل الشكر

والله أفدتينا بمواضيعكــ الي مثل الجواهر

جد منتداكــ كنز 

اللهيوفقكــ في عملكــ ومساعدتكــ لنا

سأحتفظ بالاكواد لوقت آخر وأجربها 

دمتي بودّ

مُساهمة في 05.07.14 16:37 من طرف Moon-Des
يَ قلبي مراسم عزاء ، الهيدر هلأ حو وَ مضبوط ، بس الأقسام عم تزهر لأقصى اليسار فهمتي ؟

مُساهمة في 06.07.14 3:07 من طرف Rosseta
سسلآمم ععليكمم تسسلميين َ ع آلكود َ
بسسَ آلححينن سؤآل !
لسسآتني م مسستوعبهه َ
آلكؤد َ يسسويَ ستآييل كآممل بدل مظهر آلممنتدى صصح ولآ لآء ؟ =="

مُساهمة في 06.07.14 4:16 من طرف ماهينور
أولا الف شكر ليكي ع الكود اتعبناكي بجد ^^
ثانيا سؤال : لو انا مفعلة تومبيلات الكود هيشتغل معايا ؟
وياريت تنزلي ازاي احط ستايل بالتومبيلات كمان وبكون ليكي مشكورة
شكرا هياء ~

مُساهمة في 07.07.14 1:43 من طرف [ღ]هيآء محمدَ..

ارسلي لي اكواد css رسالة خاصة لأعرف أين المشكلة لديك في الاقسام ...

اقتباس :
سسلآمم ععليگمم تسسلميين َ ع آلگود َ
پسسَ آلححينن سؤآل !
لسسآتني م مسستوعپهه َ
آلگؤد َ يسسويَ ستآييل گآممل پدل مظهر آلممنتدى صصح ولآ لآء ؟ =="
وعليكم السلام ..
الله يسلممك
ايه الكود يضع ستايل منتداك من جميع الجهات اعلى وأسفل ويمين وشمال
اما خلفية فواصل الاقسام تضعيها من مظهر المنتدى وبقية الايقونات جديد ومغلق وغيرها كلها من مظهر المنتدى

اقتباس :
أولآ آلف شگر ليگي ع آلگود آتعپنآگي پچد ^^
ثآنيآ سؤآل : لو آنآ مفعلة تومپيلآت آلگود هيشتغل معآيآ ؟
ويآريت تنزلي آزآي آحط ستآيل پآلتومپيلآت گمآن وپگون ليگي مشگورة

تسلمين ^,^

نعم سيعمل الكود لكن لا انصحك لأني سوف انزل لكم نفس الكود لكن على قوالب التومبيلات
فهذا افضل لكم حتى لاتحصل مشاكل لأنك لما تعدلي على قوالب التومبيلات تغيري اشياء
ويتعطل هذا الكود بعكس الي ماعندهم صلاحيات التومبيلات
مايقدروا غيروا القوالب لهذا لايتعطل الكود لديهم

مُساهمة في 07.07.14 9:14 من طرف ماهينور
خلاص تمام يا جميل
ياريت تنزلي طريقة التومبيلات بسرعة الله يكرمك
والف شكر ليكي ياقمر ^=^

مُساهمة في 09.07.14 3:50 من طرف ameira
اقتباس :
يآليت يآختي تورني آلمشگلة آو آلگود پعد تعديلگ عليه 

+
پأذن آلله أضع گود آلتحديد

شكرا على الكود 
زبط
بس لما اختار من جافا سكربت جميع الصفحات ما زبط
بس لما احط صح حد كل الخيارات بيشتغل

مُساهمة في 12.07.14 7:59 من طرف AsheK Egyption
شكرا هياء شرح وكود جميل جدا ..
تسلمى

مُساهمة في 25.07.14 8:34 من طرف silver star
السلام عليكم ورحمة الله وبركاته ،
جزاكِ الله كل الخير على الكود الرائع ،
لكن عندى مشكلة الكود مَ يظهر : (
جربت كل شيء وحذفت اكواد الـ cSS كلها : (
واخيراً لما ازلت التحديد عن جميع الصفحات " كود الجافا " ظهر بالرئيسية فقط "(
ما الحل ؟ وجزاك الله كل الخير (:

مُساهمة في 25.07.14 22:51 من طرف DaiChi '
السلام عليكم ورحمة الله وبركاته ،
يعطيك آلف عآفية ، وجزآك الله كل خيرَ $ :
رحَ آجربه بإذن الله وإرد لك خبرَ , وشكراً لككِ مرة أخرىَ مَ قصرتي بالاكوادَ  ( :  Idea

مُساهمة في 25.10.14 18:35 من طرف M!ss Asakura
هياء الكود مش زاابط كيف اعدل عليه ؟
اطلعي هون منتداي التجريبي
اخدت ستايل في بي مقطع و جاهز>بدل ما اروح اصمم Very Happy
و كل التقطيع اللي فيه كما يتناسب مع الكود
pale pale pale
=( شو اعمل في هذه الحالة
+
سؤال الشي هذا بيحصل برضو في التومبيلات شيء ؟


عدل سابقا من قبل الألحان المرحة في 28.10.14 2:35 عدل 1 مرات (السبب : حذفت رابط المنتدى انا)

مُساهمة في 26.10.14 3:39 من طرف [ღ]هيآء محمدَ..
عندك خطأ في تركيب الاستايل من css وظبط الاعدادات والاحجام
عدلت على الاخطاء
احذفي كود css السابق وبدلية بهذا وبتشوفي الاستايل بشكل صحيح

الرمز:
/* گـــود ستايل كامل لصفحة المنتدى */ 

 /*---------- www.haya-m.net ----------- */ 

 body{ 
  padding:0; 
  margin: 0; 
 } 

 .container {  padding:0; margin: 0px auto;} 

 #header { 

    background-image:url('http://www.data-true.com/vb/data4/images/h2.gif'); 
    width:100%; 
    height:856px; 
    background-repeat:repeat-x; 
    position:relative;     

    } 

 #header_right { 

    background-image:url('http://www.data-true.com/vb/data4/images/h1.gif'); 
    width:598px; 
    height:856px; 
    float:right; 
    background-repeat:no-repeat; 
    position:relative; 

 } 

 #header .header_left { 

    background-image:url('http://www.data-true.com/vb/data4/images/h3.gif'); 
    width:137px; 
    height:856px; 
    float:left; 
    background-repeat:no-repeat; 
    position:relative; 

 } 
 

 .content-left { 

  padding-left:91px; 
  background-image:url('http://www.data-true.com/vb/data4/images/b2.gif'); 
  background-repeat:repeat-y; 
  background-position: left; 

 } 

 .content-right { 

  padding-right:95px; 
  background-image:url('http://www.data-true.com/vb/data4/images/b1.gif'); 
  background-repeat:repeat-y; 
  background-position: right; 

 } 

 .content { 

  width: 100%; 
  margin: 0px auto; 
  background: #fafbfb url('http://im50.gulfup.com/5NjqNi.gif'); 

 } 

 #footer { 

    background-image:url('http://www.data-true.com/vb/data4/images/f4.gif'); 
    width:100%; 
    height:111px; 
    background-repeat:repeat-x; 

 } 

 .footer_right { 

    background-image:url('http://www.data-true.com/vb/data4/images/f1.gif'); 
    width:150px; 
    height:111px; 
    float:right; 
    background-repeat:no-repeat; 

     

 } 

 .footer_left { 

    background-image:url('http://www.data-true.com/vb/data4/images/f3.gif'); 
    width:190px; 
    height:111px; 
    float:left; 
    background-repeat:no-repeat; 

 } 

 .footer_center { 

    background-image: url('http://www.data-true.com/vb/data4/images/f2.gif'); 
    background-repeat: no-repeat; 
    width:349px; 
    height:111px; 
    margin-right: auto; 
    margin-left: auto; 
    position:relative; 
 }





مُساهمة في 28.10.14 2:34 من طرف M!ss Asakura
أوميقآآد  سوف ازغرد و اعبر عن فرحي
لك زبببط والله زبببط وااااااااااااااااااااااااااااع مبسووووطة انا T^T
لك والله ماني عارفة كيف اشكرك هياء قسماً بالله إنك أكتر من مبدعة
فرحتيني   ,...والله زبطططط T^T
شكر اً بجد شكراً لك هياء من جد يعني مدري شو اقول
راح احاول اركبه لحالي مجدداً >مع الاحتفاظ بكود xDD مانا عارفة نفسي
اوقاتاً تعلق معي و ما بتزبط الا من بعد 25467563542 مرة فشل و 1 مرة نجاح

قلبي =" ) ♥

مُساهمة في 15.12.14 2:00 من طرف schoolel7ob
شكرآ جزيلا على الموضوع الرائع و المميز

واصل تالقك معنا في المنتدى

بارك الله فيك اخي ...

ننتظر منك الكثير من خلال ابداعاتك المميزة

لك منـــــــ اجمل تحية ــــــــــي

انتقل الى الصفحة : 1, 2  الصفحة التالية