الحالة
مغلق و غير مفتوح للمزيد من الردود.
الباهي

الباهي

:: عضو ::
rankrankrankrank
4 فبراير 2012
465
91
37
غير متواجد
#1
السلام عليكم
الاخوة الاحبة

احببت الاستفسار عن امكانية التحكم (تغيير) بخلفية القطع الاضافية وكيف؟

وجزاكم الله خير الجزاء
 

ig dl;k hgjp;l fogtdm hgr'u hghqhtdm ,;dt?

Turkialawlqy

Turkialawlqy

:: عضو رائع ::
1 فبراير 2012
2,120
1,985
شبوة
متواجد حاليا
#2
هل تقصد بالقطع الاضافة ( التي في السلايد )
ام انني فهمتك خطأ ؟

ان كان مافهمت فبامكانك ذلك عن طريق التعديل في القوالب بخاصية css
 
الباهي

الباهي

:: عضو ::
rankrankrankrank
4 فبراير 2012
465
91
37
غير متواجد
#3
شكراً جزيلاً اخي تركي على اهتمامك الكريم هذا.

نعم اقصد تلك (القطع) الاضافية في الشريط الجانبي sidebar

الطريقة التي اتبعها حالياً لاضافة قطة اضافية هي كالتالي:

انشاء قالب جديد تحت مسمى محدد واضع فيه الكود التالي:


كود:
<div class="section">
            <div class="secondaryContent">
                <h3>العنوان</h3>
                <ol>
                    <li>
المحتوى                   
                    </li>                     
                </ol>
            </div>
        </div>
ثم افتح القالب ad_sidebar_bottom


واضيف اسم القطعة على هذا النحو:
كود:
<xen:include template="xxxxxxxxxxxxxx" />
وهنا نعود الى ما ابحث عن حل له وهو كيف اتحكم بخلفية هذه القطعة وليس جميع القطع في الشريط الجانبي.
ولك الشكر
 
Turkialawlqy

Turkialawlqy

:: عضو رائع ::
1 فبراير 2012
2,120
1,985
شبوة
متواجد حاليا
#4
نعم أخي الباهي بامكانك عمل ذلك كالتالي :
HTML:
<div class="section" id="b_ground">
            <div class="secondaryContent">
                <h3>العنوان</h3>
                <ol>
                    <li>
المحتوى
                    </li>
                </ol>
            </div>
        </div>
لاحظ اننا اضفنا id="b_ground"

لذلك يجب علينا تعريف # في قالب css المخصص بالقطع وذلك بوضع

كود:
#b_ground{
  background: url(ضع رابط الخلفيه هنا) no-repeat top right;
}
استبدل ضع رابط الخلفيه بالرابط الصورة التي ترغب ان تكون خلفيه او تستطيع ان تضع الخلفيه بلون فقط وذلك بوضع الكود التالي :
كود:
#b_ground{
  background: #ccc;
}
فقط استبدل #ccc
باللون المناسب لك

اتمنى تكون وضحت الصورة

موفق خير ,,
 
الباهي

الباهي

:: عضو ::
rankrankrankrank
4 فبراير 2012
465
91
37
غير متواجد
#5
شكراً جزيلاً اخي تركي على اهتمامك الكريم هذا.

عملت الذي نصحتني فيه ولكن لم تتغيير خلفية لون القطعة.

عفواً هل المقصود (قالب css المخصص) القالب EXTRA.css

اذا كان هو المقصود فقد ادرجت في اخره التاالي:

كود:
#b_ground {
  background: #DF0101;
}
على سبيل التجريب.

وهذا محتوى القطعة:
كود:
<!-- block -->
<div class="section" id="b_ground">
            <div class="secondaryContent">
 
عالم الترمنال
دروس في عالم الترمنال Terminal وتطبيقاته.
<p align="left"><a href="http://macarabia.net/forums/عالم-الترمنال-terminal.18/">اضغط هنا</a>
</div>
</div>
<!-- end block -->
اين الخطأ؟

ولك الشكر الجزيل مرة آخرى.
 
Turkialawlqy

Turkialawlqy

:: عضو رائع ::
1 فبراير 2012
2,120
1,985
شبوة
متواجد حاليا
#6
أخي عدنان ,,
يفضل عند انشائك لقالب جديد وضع قالب مخصص للـ Css
كمثال وضعت قالب باسم xen_sidebar
ضع قالب آخر بنفس الاسم مع اضافة .css ليكون كالتالي
xen_ sidebar .css
وقم باستدعائه ضمن قالب xen_ sidebar بالكود التالي
كود:
<xen:require css="xen_ sidebar .css" />
بعدها بامكانك وضع اي اضافات css في القالب xen_ sidebar .css

ان لم تصل الفكره ساشرح لك بتفصيل اكثر ,,

موفق خير
 
الباهي

الباهي

:: عضو ::
rankrankrankrank
4 فبراير 2012
465
91
37
غير متواجد
#7
الله يحفظك اخي تركي
يبدو وكما هو المعتاد انني سأتعبك ايضاً هذه المرة، وانت الاكرام دائماً.

دعني اشرح الذي فهمته.

اولاً: انشاء قالب جديد تحت مسمى xen_sidebar متضمناً نص القطعة التي اريد لها ان تظهر على الشريط الجانبي.
ثانياً: انشاء قالب جديد تحت مسمى xen_ sidebar .css. هنا اكثر شيء التبس علي، هل اضمن هذا القالب كمثال:
كود:
#b_ground {
  background: #DF0101;
}
كما ترى الضياع الذي اعانيه.

ولك الشكر على صبرك على اخيك.
 
Turkialawlqy

Turkialawlqy

:: عضو رائع ::
1 فبراير 2012
2,120
1,985
شبوة
متواجد حاليا
#8
استاذي عدنان
قم بانشاء قالب باسم : xen_sidebar
محتواه :
كود:
<xen:require css="xen_ sidebar.css" />
<!-- block -->
<div class="section" id="b_ground">
            <div class="secondaryContent">
 
عالم الترمنال
دروس في عالم الترمنال Terminal وتطبيقاته.
<p align="left"><a href="http://macarabia.net/forums/عالم-الترمنال-terminal.18/">اضغط هنا</a>
</div>
</div>
<!-- end block -->

وقم بانشاء قالب آخر باسم :xen_sidebar.css
محتواه :

كود:
#b_ground {
  background: #DF0101;
}
بعد التجربة اعطني نتيجه العمل
 
الباهي

الباهي

:: عضو ::
rankrankrankrank
4 فبراير 2012
465
91
37
غير متواجد
#9
الله يحفظك اخي تركي

لقد انشأت القوالب كما تكرمت فيه عليًّ ولكن لم تظهر القطعة على الشريط الجانبي sidebar.

اعتقد ان هناك امر لم اتنبه له.

ولك الشكر الجزيل
 
Turkialawlqy

Turkialawlqy

:: عضو رائع ::
1 فبراير 2012
2,120
1,985
شبوة
متواجد حاليا
#10
آسف جداً جداً أخي العزيز عدنان معليش ماكنت مركز قاعد ارد عليك وانا في العمل
الخطأ يالغالي وجود فراغ اسم القالب المستدعاء ( xen_ sidebar.css ) وهذا اكبر خطأ
الامر الثاني مكان ID اخترنا div الاول والمفترض ان نختار div الثاني ليصبح القالب بمحتوى كتالي :
كود:
<xen:require css="xen_sidebar.css" />
<!-- block -->
<div class="section">
            <div class="secondaryContent" id="b_ground">
 
عالم الترمنال
دروس في عالم الترمنال Terminal وتطبيقاته.
<p align="left"><a href="http://macarabia.net/forums/عالم-الترمنال-terminal.18/">اضغط هنا</a>
</div>
</div>
<!-- end block -->
وبعتذر مره آخرى ع الاسهاء

مودتي
 
الباهي

الباهي

:: عضو ::
rankrankrankrank
4 فبراير 2012
465
91
37
غير متواجد
#11
الله يحفظك اخي تركي،

الآن ظهرت القطعة على الشريط الجانبي ولكن دون الخلفية، فانها بدون لون الآن.

ملحوظة حتى اظهر القطعة على الشريط الجانبي قمت بادراج السطر:
كود:
<xen:include template="xen_sidebar" />
في القالب:
كود:
ad_sidebar_top
لا ادري ان كان لهذه الملحوظة من فائدة ام لا.

ولك كل الشكر والامتنان على صبرك وجهدك هذا.
 
Turkialawlqy

Turkialawlqy

:: عضو رائع ::
1 فبراير 2012
2,120
1,985
شبوة
متواجد حاليا
#12
أخوي عدنان دعنا نعمل من جديد :
1- انشئ قالب باسم

xen_sidebar
محتواه

كود:
<xen:require css="xen_sidebar.css" />
<!-- block -->
<div class="section">
            <div class="secondaryContent" id="b_ground">
 
عالم الترمنال
دروس في عالم الترمنال Terminal وتطبيقاته.
<p align="left"><a href="http://macarabia.net/forums/عالم-الترمنال-terminal.18/">اضغط هنا</a></p>
</div>
</div>
<!-- end block -->
ثم انشئ قالب باسم
xen_sidebar.css
محتواه

كود:
#b_ground {
  background: #DF0101;
}

ثم اذهب الى القالب
ad_sidebar_top

اضف فيه


كود:
<xen:include template="xen_sidebar" />
ستجد ان الخلفيه باللون المطلوب

مثال مصور

انشئ قالب xen_sidebar
364 هل يمكن التحكم بخلفية القطع الاضافية وكيف؟-xenForo العربية

وهناء انشئنا قالب xen_sidebar.css
365 هل يمكن التحكم بخلفية القطع الاضافية وكيف؟-xenForo العربية

وهنا بعد الدخول الى القالب xen_sidebar نلاحظ بجانبه قالب xen_sidebar.css
366 هل يمكن التحكم بخلفية القطع الاضافية وكيف؟-xenForo العربية

وهنا بعد ان نفذنا امر استدعاء قالب xen_sidebar
367 هل يمكن التحكم بخلفية القطع الاضافية وكيف؟-xenForo العربية

وها هو قد ظهر القالب الجديد باللون المختار سابقاً
368 هل يمكن التحكم بخلفية القطع الاضافية وكيف؟-xenForo العربية



اتمنى تكون وضحت الصورة يالغالي

وفقك الله
 
الباهي

الباهي

:: عضو ::
rankrankrankrank
4 فبراير 2012
465
91
37
غير متواجد
#13
والله قد اخجلتني بعطفك وكرمك هذا.
الله ييسر امرك ويكتب لك الجنة يا رجل يا طيب.

نعم هذا ذاك فقد حل المشكل بفضل الله ثم بفضل مساعدتك الكريمة هذه.

ملحوظة: لون خلفية هذخه القطعة لا يظهر على الاستايل التجاري وانما فقط على الاستايل الافتراضي، لا ادري ان كان من المناسب مكاتبة مطور هذا الاستايل ام لا؟ لانني اعتقد ان السبب من المطور.

فقط ان سمحت فقذ حاولت تغيير لون وحجم الخط في القطعة ولكن والذي حصل ان السطر الثاني لم يتغيير حجمه على الرغم من تغيير القيمة.

وهذا نص محتوى القطعة:


كود:
<xen:require css="xen_sidebar.css" />
<!-- block -->
<div class="section">
<div class="secondaryContent" id="b_ground">
 
<p><font size="20" color="White">عالم الترمنال</font></p>
<p><font size="10" color="White">دروس في عالم الترمنال Terminal وتطبيقاته.</font></p>
<p align="left"><a href="http://macarabia.net/forums/عالم-الترمنال-terminal.18/">اضغط هنا</a></p>
</div>
</div>
<!-- end block -->
اين الخلل؟

ولك الشكر الجزيل
 
bousaid

bousaid

:: عضو نشيط ::
rankrankrankrankrank
5 فبراير 2012
697
751
الجزائر - أدرار
غير متواجد
#14
أخي الباهي ... الكود اعلاه صحيح ( و قديم )
لا تنسى ان جميع القطع تخضع للوسم secondaryContent
و خصائصه اكيد ستؤثر على بقية الاكواد الاضافية
خصائص الستايل - بناء القطع - لون التوزيع الثاني
و لاحظ الخلفية و حجم الخط هناك :)
 
الباهي

الباهي

:: عضو ::
rankrankrankrank
4 فبراير 2012
465
91
37
غير متواجد
#15
هلا اخي مصطفى، نورت الموضوع.

نعم كما تفضلت خصوصاً وان اول من دلني على مثل هذه التعديلات، او من سهر الليالي وتحمل (اسئلتي) هو شخصك الحبيب.

ولكن الذي اطلبه هنا هو التحكم بخلفية واحدة (القطعة الاضافية) دون غيرها، وهذا من نجح فيه الاخ تركي بارك الله فيه، ويمكن ان تتكرم وتزور المنتدى مع اختيار الاستايل الاضافي وستلحظ القطعة الجديدة (الاضافية) والذي فقط اشكل عليَّ هو حجم الخط الذي اشرت له في المشاركة السابقة.

زيارة ماك ارابيا مهمة لتعرف الى ما ابحث عنه.

ونورت الموضوع مرة آخرى يا الغالي.
 
Turkialawlqy

Turkialawlqy

:: عضو رائع ::
1 فبراير 2012
2,120
1,985
شبوة
متواجد حاليا
#16
نعم أستاذي عدنان ..
مثلما تفضل الاخ مصطفى ,,

وكمان تستطيع عمل التالي لتحرير القالب من قيود الوسوم الافتراضية .

قالب xen_sidebar
كود:
<xen:require css="xen_sidebar.css" />
<!-- block -->
<div class="section">
<div id="b_ground">
 
<p>عالم الترمنال</p>
<p>دروس في عالم الترمنال Terminal وتطبيقاته.</p>
<p align="left"><a href="http://macarabia.net/forums/عالم-الترمنال-terminal.18/">اضغط هنا</a></p>
</div>
</div>
<!-- end block -->
وقالب xen_sidebar.css

كود:
#b_ground {
background: #DF0101;
border-bottom: 3px solid @primaryLighterStill;
  font-size: 12px;
  font-family: Arial;
  text-align: center;
  color: #FFF;
}
وهذه نتيجة العمل
369 هل يمكن التحكم بخلفية القطع الاضافية وكيف؟-xenForo العربية
 
Turkialawlqy

Turkialawlqy

:: عضو رائع ::
1 فبراير 2012
2,120
1,985
شبوة
متواجد حاليا
#18
أخي عدنان راجعت ماك ارابيا
ولاحظت بالفعل عدم عمل الاعدادات على الاستايل الاخر وذلك بسبب خطأ بسيط جداً لاحظ الكود الذي وضعته في القالب .
كود:
<div class="section" id="b_ground">
            <div class="secondaryContent">
 
عالم الترمنال
دروس في عالم الترمنال Terminal وتطبيقاته.
<p align="left"><a href="http://macarabia.net/forums/عالم-الترمنال-terminal.18/">اضغط هنا</a>
</p></div>
</div>
الخطأ في مكان id="b_ground" لعمل الكود بشكل صحيح يجب ان يكون كالتالي ..

كود:
<div class="section">
            <div class="secondaryContent"  id="b_ground">
 
عالم الترمنال
دروس في عالم الترمنال Terminal وتطبيقاته.
<p align="left"><a href="http://macarabia.net/forums/عالم-الترمنال-terminal.18/">اضغط هنا</a>
</p></div>
</div>
او قم بنسخ الكود في ردي السابق لجميع القوالب وستلاحظ انه يعمل بشكل سليم

لا تتردد بطرح اي استفسار مهما كان ( كبيراً او صغيراً ) فقد يستفيد غيرنا مما نتناقش فيه

لك مني ارق تحيه
 
الباهي

الباهي

:: عضو ::
rankrankrankrank
4 فبراير 2012
465
91
37
غير متواجد
#19
الله يحفظكم وييسر امركم

بهذه الروح تنمو المعلومة وتتطور ومن ثم يصار الى الاستفادة منها.

نعم الآن استطعنا (انشاء قطعة) ممكن ان نسميها (خارج السرب) اي قطعة اضافية من الممكن ان يستفاد منها في العديد من الاحتياجات.

لكن لحظة لم انتهي من (اسئلتي)، هل يمكن التحكم باحجام السطور؟ على سبيل المثال في مثالنا الحالي، اريد لـ (عالم الترمنال) ان يكون بحجم ودروس في عالم الترمنال) بحجم آخر.

حفظ الله لنا هذه الوجوه الكريمة
 
Turkialawlqy

Turkialawlqy

:: عضو رائع ::
1 فبراير 2012
2,120
1,985
شبوة
متواجد حاليا
#20
اسأل ما بدأ لك أي الغالي عدنان ,,
فما تواجدنا الا لخدمتكم وتبادل المعلومه ( نتعلم ونعطي ماتوصلنا اليه )
و كل ماتتخيل بل أكثر مما تتخيله تستطيع فعله بواسطه css

كمثال :
قالب xen_sidebar
كود:
<xen:require css="xen_sidebar.css" />
<!-- block -->
<div class="section">
<div id="b_ground">
 
<p class="p1">عالم الترمنال</p>
<p class="p2">دروس في عالم الترمنال Terminal وتطبيقاته.</p>
<p align="left"><a href="http://macarabia.net/forums/عالم-الترمنال-terminal.18/">اضغط هنا</a></p>
</div>
</div>
وقالب xen_sidebar.css
كود:
#b_ground {
background: #DF0101;
border-bottom: 3px solid @primaryLighterStill;
  font-size: 12px;
  font-family: Arial;
  text-align: center;
  color: #FFF;
}
.p1{
  font-size: 30px;
}
.p2{
  font-size: 50px;
}
بمعنى انك تستطيع تغيير حجم الخط ولون الخط وخلفيه الخط وموضع الخط .. ألخ لكل كلاس او ديف ( Class OR Div )
 
الحالة
مغلق و غير مفتوح للمزيد من الردود.
أعلى