هل يمكن التحكم بخلفية القطع الاضافية وكيف؟

الحالة
مغلق و غير مفتوح للمزيد من الردود.
إنضم
4 فبراير 2012
الرسائل
468
الإعجابات
92
العمر
37
#1
السلام عليكم
الاخوة الاحبة

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

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

Turkialawlqy

xDeveloper
طاقم الإدارة
إنضم
1 فبراير 2012
الرسائل
1,898
الإعجابات
1,466
#2
هل تقصد بالقطع الاضافة ( التي في السلايد )
ام انني فهمتك خطأ ؟

ان كان مافهمت فبامكانك ذلك عن طريق التعديل في القوالب بخاصية css
 
إنضم
4 فبراير 2012
الرسائل
468
الإعجابات
92
العمر
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

xDeveloper
طاقم الإدارة
إنضم
1 فبراير 2012
الرسائل
1,898
الإعجابات
1,466
#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
باللون المناسب لك

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

موفق خير ,,
 
إنضم
4 فبراير 2012
الرسائل
468
الإعجابات
92
العمر
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

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

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

موفق خير
 
إنضم
4 فبراير 2012
الرسائل
468
الإعجابات
92
العمر
37
#7
الله يحفظك اخي تركي
يبدو وكما هو المعتاد انني سأتعبك ايضاً هذه المرة، وانت الاكرام دائماً.

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

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

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

Turkialawlqy

xDeveloper
طاقم الإدارة
إنضم
1 فبراير 2012
الرسائل
1,898
الإعجابات
1,466
#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;
}
بعد التجربة اعطني نتيجه العمل
 
إنضم
4 فبراير 2012
الرسائل
468
الإعجابات
92
العمر
37
#9
الله يحفظك اخي تركي

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

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

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

Turkialawlqy

xDeveloper
طاقم الإدارة
إنضم
1 فبراير 2012
الرسائل
1,898
الإعجابات
1,466
#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 -->
وبعتذر مره آخرى ع الاسهاء

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