طلب طريقه اضافه صوره بالفوتر

الحالة
مغلق و غير مفتوح للمزيد من الردود.
إنضم
17 فبراير 2012
المشاركات
106
الإعجابات
27
العمر
25
#1
السلام عليكم

كيف الحال اخوانى

لدى طلب بسيط بعد اذنكم

الان انا عندى هذه الصوره مثلا

rmadan-footer.png


واريد ان اقوم باضافتها الى اسفل الفوتر على اليمين( اعلى المحتوى - float )
جربت الكثير من الطرق لكن للاسف تظهر الصوره اسفل الفوتر اخر الاستايل

يعنى مثلا بهذا المكان

6-26-2012 1-27-29 PM.png


فكيف ذلك , وشكرا مقدما

:)
 

Turkialawlqy

xDeveloper
طاقم الإدارة
إنضم
1 فبراير 2012
المشاركات
1,921
الإعجابات
1,504
#2
أهلاً بعودتك أخي د.مايسترو
تستطيع عمل ذلك باتباع الخطوات التالية
اذهب الى
اللغات و الستايلات>الستايلات>الستايل المراد التعديل عليه>القوالب

ابحث عن القالب " PAGE_CONTAINER "
ابحث بداخل القالب عن
كود:
<xen:hook name="page_container_breadcrumb_bottom">           
            <div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
            </xen:hook>
ثم ضع الكود التالي اسفل الكود اعلاه

كود:
<div style="float: right">
<img src="رابط الصورة" alt="" />
</div>
استبدل كلمه رابط الصورة برابط الصورة المراد عرضها


موفق خير ,,
 
إنضم
17 فبراير 2012
المشاركات
106
الإعجابات
27
العمر
25
#3
أهلاً بعودتك أخي د.مايسترو
تستطيع عمل ذلك باتباع الخطوات التالية
اذهب الى
اللغات و الستايلات>الستايلات>الستايل المراد التعديل عليه>القوالب

ابحث عن القالب " PAGE_CONTAINER "
ابحث بداخل القالب عن
كود:
<xen:hook name="page_container_breadcrumb_bottom">         
            <div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
            </xen:hook>
ثم ضع الكود التالي اسفل الكود اعلاه

كود:
<div style="float: right">
<img src="رابط الصورة" alt="" />
</div>
استبدل كلمه رابط الصورة برابط الصورة المراد عرضها


موفق خير ,,
اهلا بك يا غالى
ان شاء الله تكون بكل خير

شكرا على الشرح و الاكواد
وانا بالفعل كنت جربت الطريقه دى اثناء تجربتى
لكن للاسف الصوره تأخد مساحه , يعنى لا تأخد float

6-27-2012 6-44-30 PM.png


وشكرا جزيلا على مساعدتك :)
 

Turkialawlqy

xDeveloper
طاقم الإدارة
إنضم
1 فبراير 2012
المشاركات
1,921
الإعجابات
1,504
#4
ان كنت تقصد حجم الصورة تستطيع التحكم بذلك عن طريق
width + height
طريقة الاستخدام
كود:
<div style="float: right">
<img src="رابط الصورة" alt="" width="100px" height="100px" />
</div>
ان لم تكن تقصد ما فهمت من ردك ياليت تشرح لي اكثر بتفاصيل عن طلبك

وان شاء الله اساعدك بقدر استطاعتي
 
إنضم
17 فبراير 2012
المشاركات
106
الإعجابات
27
العمر
25
#5
شكرا اخى على مساعدتك​
انا اقصد انها تأخد مساحه يعنى لا تطفو فوق المحتوى​
انما تأخد مساحه اعلى الفوتر​
اتمنى اكون قدرت اوصل قصدى​
وشكرا مره اخرى​
 

Turkialawlqy

xDeveloper
طاقم الإدارة
إنضم
1 فبراير 2012
المشاركات
1,921
الإعجابات
1,504
#6
للاسف الى الان لم افهم قصدك

لكن هل تقصد انك تريد الصورة تكون متحركه مع الكسرول بار !!

اي انها تكون اسفل المتصفح على اليمين ؟

ان كان غير ذلك ياليت تشرح لي اكثر او ان كنت رأيت حركه في موقع آخر وتريد تنفيذها ياليت مثال عليها ونحن في الخدمة
 
إنضم
17 فبراير 2012
المشاركات
106
الإعجابات
27
العمر
25
#7
تفضل يا غالى
هذه صوره عملتها بالفوتوشوب للتوضيح يا غالى
6-30-2012-8-05-14-PM.png


الصوره بالاسفل على اليمين , تظهر فوق المحتوى float
بدون ان تاخذ مساحه خاصه من الصفحه

اتمنى اكون قدرت اوصلها لحضرتك
واسف جدا على ازعاجك و جزاك الله خيرا :)
 

Turkialawlqy

xDeveloper
طاقم الإدارة
إنضم
1 فبراير 2012
المشاركات
1,921
الإعجابات
1,504
#8
هذا ما تطلبه أخي د.مايسترو

كود:
<div style="position: fixed; z-index: 100; bottom: 0px; float: right">
<img src="رابط الصورة" alt="" />
</div>
 
إنضم
17 فبراير 2012
المشاركات
106
الإعجابات
27
العمر
25
#9
هذا هو ماشاء الله عليك يا غالى
جزاك الله خيرا :)
واسف جدا جدا على تعبك معى
 
الحالة
مغلق و غير مفتوح للمزيد من الردود.