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

اذهب الى الأسفل
Yasirayad
Yasirayad
مؤسسي المركز
مؤسسي المركز
القوس
عدد المساهمات : 330
متصفح الويب : Chrome
منتدى نسخة : PhpBB3
النقاط : 519
السٌّمعَة : 50
تاريخ التسجيل : 03/06/2015
العمر : 30
http://www.t-mrkz.com/

وضع خلفية لصندوق الرد صندوق المحرر  Empty وضع خلفية لصندوق الرد صندوق المحرر

الأربعاء يوليو 22, 2015 3:09 am

وضع خلفية لصندوق الرد صندوق المحرر  Alerte10 CSS : وضع خلفية لصندوق المحرر


كود سي اس اس يتيح لك وضع خلفية لصندوق المحرر على المنتدى الخاص بك تماماً كما في منتدى الدعم العربي


وضع خلفية لصندوق الرد صندوق المحرر  Captu370


عمل هذه الكود، يعمل مع  كافة إصدارات المنتدى.


طريقة وضع الكود : لوحة الادارة  مظهر المنتدى  اللوان  ورقة تصميم CSS 

الكود:
.sceditor-container iframe, .sceditor-container textarea {  
  background:url(http://2img.net/i/fa/empty.gif) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


تعديل التعليمات البرمجية:
وتعرف خلفية عنصر.
رابط (https://2img.net/i/fa/empty.gif): استبدال [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] مع URL الصورة التي تريدها أن تظهر في المحرر.

يمكنك حتى أن تختار لتخصيص هذه الخلفية:

background-repeat :
--- repeat-y : تكرار الخلفية على المحور الرأسي
--- repeat-x : يكرر الخلفية على المحور الأفقي
--- no-repeat : يمنع الخلفية من تكرار

background-position :
--- top / middle / bottom : محاذاة الصورة على المحور الرأسي
--- top / middle / bottom : محاذاة الصورة على المحور الأفقي
cheers
Arrow تحياتي لكم  Arrow
new.moon


عدل سابقا من قبل new.moon في الجمعة أغسطس 07, 2015 8:12 am عدل 1 مرات
avatar
JAR7
عضو جديد
عدد المساهمات : 47
النقاط : 49
السٌّمعَة : 0
تاريخ التسجيل : 20/07/2015

وضع خلفية لصندوق الرد صندوق المحرر  Empty رد: وضع خلفية لصندوق الرد صندوق المحرر

الخميس يوليو 23, 2015 7:36 am
طرحت فأبدعت
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص تقديري واحترامي
General Mohamed
General Mohamed
عضو جديد
الجدي
عدد المساهمات : 62
النقاط : 90
السٌّمعَة : 6
تاريخ التسجيل : 21/07/2015
العمر : 25

وضع خلفية لصندوق الرد صندوق المحرر  Empty رد: وضع خلفية لصندوق الرد صندوق المحرر

الخميس يوليو 23, 2015 12:37 pm
شكرا لك يا عسل موفق
avatar
ahmedkorashy
عضو جديد
الميزان
عدد المساهمات : 4
النقاط : 6
السٌّمعَة : 0
تاريخ التسجيل : 24/07/2015
العمر : 29
http://www.arabfutur.3oloum.com

وضع خلفية لصندوق الرد صندوق المحرر  Empty رد: وضع خلفية لصندوق الرد صندوق المحرر

الجمعة يوليو 24, 2015 11:49 pm
هل من الممكن وضع الكود كامل فانا لدي الصورة تتكرر وقد عملت كل شي حتي الغي التكرار
واريد الصورة ان تظهر في الوسط

ولك جزيل الشكر
Yasirayad
Yasirayad
مؤسسي المركز
مؤسسي المركز
القوس
عدد المساهمات : 330
متصفح الويب : Chrome
منتدى نسخة : PhpBB3
النقاط : 519
السٌّمعَة : 50
تاريخ التسجيل : 03/06/2015
العمر : 30
http://www.t-mrkz.com/

وضع خلفية لصندوق الرد صندوق المحرر  Empty رد: وضع خلفية لصندوق الرد صندوق المحرر

السبت يوليو 25, 2015 2:58 am
مرحباً بك صديقي  
بالطبع تم تجهيزه لك كما طلبت 
تفضل
الكود:
.sceditor-container textarea, .sceditor-container iframe {
    background-image: url("http://i38.servimg.com/u/f38/11/60/75/36/fond_y10.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

استبدل الصورة بما يناسبك
avatar
ahmedkorashy
عضو جديد
الميزان
عدد المساهمات : 4
النقاط : 6
السٌّمعَة : 0
تاريخ التسجيل : 24/07/2015
العمر : 29
http://www.arabfutur.3oloum.com

وضع خلفية لصندوق الرد صندوق المحرر  Empty رد: وضع خلفية لصندوق الرد صندوق المحرر

السبت يوليو 25, 2015 6:00 pm
سلمت الانامل اخي

وبالمناسبه المنتدي الخاص بك جميل جدااااااااااا

واتمني ان تزيد من وضع الاكواد والمساعدات

ولاتبخل علينا بجديدك

وهناك تقنيات كثيره نحتاج من خبراء مثلك وضعها لنا

بوركت اخي
Yasirayad
Yasirayad
مؤسسي المركز
مؤسسي المركز
القوس
عدد المساهمات : 330
متصفح الويب : Chrome
منتدى نسخة : PhpBB3
النقاط : 519
السٌّمعَة : 50
تاريخ التسجيل : 03/06/2015
العمر : 30
http://www.t-mrkz.com/

وضع خلفية لصندوق الرد صندوق المحرر  Empty رد: وضع خلفية لصندوق الرد صندوق المحرر

السبت يوليو 25, 2015 10:44 pm
ahmedkorashy كتب:
سلمت الانامل اخي

وبالمناسبه المنتدي الخاص بك جميل جدااااااااااا

واتمني ان تزيد من وضع الاكواد والمساعدات

ولاتبخل علينا بجديدك

وهناك تقنيات كثيره نحتاج من خبراء مثلك وضعها لنا

بوركت اخي

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

بالتوفيق لكم  Wink
1M ThE BesT
1M ThE BesT
عضو جديد
عدد المساهمات : 16
النقاط : 19
السٌّمعَة : 1
تاريخ التسجيل : 28/06/2015

وضع خلفية لصندوق الرد صندوق المحرر  Empty رد: وضع خلفية لصندوق الرد صندوق المحرر

الثلاثاء أغسطس 04, 2015 3:46 pm
شكرا لك يااسر
avatar
walid dz
عضو مبتدأ
عضو مبتدأ
عدد المساهمات : 105
النقاط : 149
السٌّمعَة : 8
تاريخ التسجيل : 06/08/2015

وضع خلفية لصندوق الرد صندوق المحرر  Empty رد: وضع خلفية لصندوق الرد صندوق المحرر

الخميس أغسطس 06, 2015 5:11 pm
الكود:
 /*-------------- خلفية صندوق الرد ---------------*/ 
.sceditor-container iframe, .sceditor-container textarea {
    background:url(http://i18.servimg.com/u/f18/17/02/19/25/vreyhy10.png) !important;


خرج مكرر اين المشكلة
Yasirayad
Yasirayad
مؤسسي المركز
مؤسسي المركز
القوس
عدد المساهمات : 330
متصفح الويب : Chrome
منتدى نسخة : PhpBB3
النقاط : 519
السٌّمعَة : 50
تاريخ التسجيل : 03/06/2015
العمر : 30
http://www.t-mrkz.com/

وضع خلفية لصندوق الرد صندوق المحرر  Empty رد: وضع خلفية لصندوق الرد صندوق المحرر

الجمعة أغسطس 07, 2015 8:12 am
clotaeph كتب:
الكود:
 /*-------------- خلفية صندوق الرد ---------------*/  
.sceditor-container iframe, .sceditor-container textarea {
    background:url(http://i18.servimg.com/u/f18/17/02/19/25/vreyhy10.png) !important;
}  


خرج مكرر اين المشكلة
مرحباً بك صديقي المشكلة انك لم تقدم بأضافه التعديلات التي وضحتها في الموضوع 

عموما تم تعديله لك تفضل

الكود:
.sceditor-container textarea, .sceditor-container iframe {
    background-image: url("http://i18.servimg.com/u/f18/17/02/19/25/vreyhy10.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
avatar
walid dz
عضو مبتدأ
عضو مبتدأ
عدد المساهمات : 105
النقاط : 149
السٌّمعَة : 8
تاريخ التسجيل : 06/08/2015

وضع خلفية لصندوق الرد صندوق المحرر  Empty رد: وضع خلفية لصندوق الرد صندوق المحرر

الجمعة أغسطس 07, 2015 11:48 am
الان شغال تمام انتظر جديدك اخي
Yasirayad
Yasirayad
مؤسسي المركز
مؤسسي المركز
القوس
عدد المساهمات : 330
متصفح الويب : Chrome
منتدى نسخة : PhpBB3
النقاط : 519
السٌّمعَة : 50
تاريخ التسجيل : 03/06/2015
العمر : 30
http://www.t-mrkz.com/

وضع خلفية لصندوق الرد صندوق المحرر  Empty رد: وضع خلفية لصندوق الرد صندوق المحرر

الجمعة أغسطس 07, 2015 12:23 pm
أن شاء الله عزيزي 
سيتم نشر كل ما هو جديد ويسعدنا تواجدك
assemDz
assemDz
عضو جديد
عدد المساهمات : 8
النقاط : 10
السٌّمعَة : 0
تاريخ التسجيل : 09/08/2015

وضع خلفية لصندوق الرد صندوق المحرر  Empty رد: وضع خلفية لصندوق الرد صندوق المحرر

الأحد أغسطس 09, 2015 7:22 pm
الكود جد رائع وجميل ايضا ..
شكرا لك
تحياتي
Yasirayad
Yasirayad
مؤسسي المركز
مؤسسي المركز
القوس
عدد المساهمات : 330
متصفح الويب : Chrome
منتدى نسخة : PhpBB3
النقاط : 519
السٌّمعَة : 50
تاريخ التسجيل : 03/06/2015
العمر : 30
http://www.t-mrkz.com/

وضع خلفية لصندوق الرد صندوق المحرر  Empty رد: وضع خلفية لصندوق الرد صندوق المحرر

الأحد أغسطس 09, 2015 11:32 pm
شكراً لمرورك...  Wink
Io-Interactive
Io-Interactive
عضو جديد
عدد المساهمات : 49
النقاط : 73
السٌّمعَة : 2
تاريخ التسجيل : 27/08/2015

وضع خلفية لصندوق الرد صندوق المحرر  Empty رد: وضع خلفية لصندوق الرد صندوق المحرر

الثلاثاء سبتمبر 01, 2015 5:56 pm
بارك الله فيك
The Globetrotter
The Globetrotter
عضو جديد
الميزان
عدد المساهمات : 27
النقاط : 36
السٌّمعَة : 5
تاريخ التسجيل : 20/07/2015
العمر : 24

وضع خلفية لصندوق الرد صندوق المحرر  Empty رد: وضع خلفية لصندوق الرد صندوق المحرر

السبت سبتمبر 05, 2015 7:37 pm
السلام عليكم ورحمةة الله وبركاته ,
- ما ششاء الله موضوع رائع ومميز ونتمنى منك المزيد بإذن الله تعالى ..
- وننتظر تقنيات اخرى فى المركز التقنى لأحلى منتدى ..
- بارك الله فيك مقدماً
؛ تحياتى لك : The Globetrotter
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى