مشكلة في تومبيلات التقييم

اذهب الى الأسفل

ãÚáæãÉ مشكلة في تومبيلات التقييم

مُساهمة من طرف shanime في السبت 20 يونيو 2015 - 20:33

مرحبا

شلونكم جميعا

بازن الله تكونو تمام

قمت اليوم بتعديل تومبيلات التقييم

بشكل جديد تبع الصح و الخطئ

المشكلة انها ظهرت

و لكن ربعها باين

و هي صورة توضح الامر


في انتظاركم

^_^
avatar
shanime
 
 

ذكر
عدد المساهمات : 316
معدل النشاط : 1611
السُمعة : 9

http://2bda3.syriaforums.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: مشكلة في تومبيلات التقييم

مُساهمة من طرف {Lone~Wolf} في السبت 20 يونيو 2015 - 20:38

سيتم تجديد الموضوع بأكمله.. تفضل هذا آخر تطور:
@SaLEm Hen!CHE كتب:تحية طيبة,
أخي الحبيب الموضوع يتحدث عن تغير شكل التقييم في المساهمات و إطفاء لمسة جمالية عليه

ولكي تستطيع تغييره كما في الصورة



1. لوحة الإدارة >> مظهر المنتدي >> التومبلايتات و القوالب >>  إدارة عامة >>

ندخل الى تومبيلات
viewtopic_body

نبحث على
vote-button
ستظهر لك هذه
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>

الان ارايت  علامة + الموجودة في الكود غيرها بهذا الكود
الكود:
        <img src="ضع رابط الصوره هنا ">

هذه هي الصورة التي ستضع رابطها هناك

لتصبح هكذا
الكود:
<div class="vote-button"><a
href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="http://i31.servimg.com/u/f31/11/61/12/59/11111110.gif"></a></div>


بعد هذا نبحث على
vote-no-bar

سيظهر لك هذا الكود
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>


الان تستطيع رؤية الكود الذي يحتوي هته الكلمة وقد وجد بينها هذا ----

غيرها بهذا
الكود:
        <img src="ضع رابط الصوره هنا ">

كما فعلنا مع الاول

ثم نبحث عن
vote-button
سيظهر لك هذا
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
طبعا ستلاحظ وجود علامة -

غيرها كما فعلنا مع اول كود بالصور المعبرة
avatar
{Lone~Wolf}
 
 

ذكر
عدد المساهمات : 4339
معدل النشاط : 7170
السُمعة : 160

http://www.t-mrkz.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: مشكلة في تومبيلات التقييم

مُساهمة من طرف shanime في السبت 20 يونيو 2015 - 20:58

مرحبا

انا قمت بعمل هذا الشرح

و لكن لم يظبت

^_^
avatar
shanime
 
 

ذكر
عدد المساهمات : 316
معدل النشاط : 1611
السُمعة : 9

http://2bda3.syriaforums.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: مشكلة في تومبيلات التقييم

مُساهمة من طرف ممببددععةة في السبت 20 يونيو 2015 - 22:41

وانا كمان جاي على الطرف انا ابية ع اليسار بس وسط


http://im62.gulfup.com/hR4sQn.png

ابية يكون مكان الخط اللي رسمتة البرتقالي
avatar
ممببددععةة
 
 

انثى
عدد المساهمات : 250
معدل النشاط : 1919
السُمعة : 0

http://banot.hooxs.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: مشكلة في تومبيلات التقييم

مُساهمة من طرف {Lone~Wolf} في الأحد 21 يونيو 2015 - 7:45

أين تُريد أن تظهر الأزرار؟
أعمل بالطريقه أعلاه, ومن ثم توجه الى ورقة تصميم css وضع الكود التالي:

الكود:
.vote {
    float: right;
    width: 9px;
    margin-right: 4px;
    }

هذا سيجعل الأزرار تكون على اليمين.
avatar
{Lone~Wolf}
 
 

ذكر
عدد المساهمات : 4339
معدل النشاط : 7170
السُمعة : 160

http://www.t-mrkz.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: مشكلة في تومبيلات التقييم

مُساهمة من طرف shanime في الأحد 21 يونيو 2015 - 11:37

مرحبا

لم يتغير شيئ

^_^
avatar
shanime
 
 

ذكر
عدد المساهمات : 316
معدل النشاط : 1611
السُمعة : 9

http://2bda3.syriaforums.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: مشكلة في تومبيلات التقييم

مُساهمة من طرف {Lone~Wolf} في الأحد 21 يونيو 2015 - 17:32

أخي الكريم, لن يتغير شيء إذا لم تقم بالعمل بنفس الخطوات هنا:
تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css )
تم تجديد الشرح بالكامل, عله يكون أسهل clown
avatar
{Lone~Wolf}
 
 

ذكر
عدد المساهمات : 4339
معدل النشاط : 7170
السُمعة : 160

http://www.t-mrkz.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: مشكلة في تومبيلات التقييم

مُساهمة من طرف SaLEm Hen!CHE في الأحد 21 يونيو 2015 - 18:16

@shanime كتب:مرحبا

لم يتغير شيئ

^_^

أخي سبب ذلك هو أكواد css مكررة وانت لم تضع كود css الذي نصحك به أخي  {Lone~Wolf}

قمت بفحص منتداك ووجدت هذه الاكواد والتي من الطبيعي ستجعل التقييم يهرب نحو اليسار 

الكود:
.vote{float:left;margin-right:4px;width:9px}.vote .vote-button{font-weight:700;margin-right:-1px;text-align:center}.vote .vote-button a{text-decoration:none!important}.vote .vote-bar{border:1px solid #000103;font-size:0;height:50px;margin:0 auto;width:3px}.vote .vote-no-bar{letter-spacing:-2px;margin-left:-2px;white-space:nowrap}.vote .vote-bar-plus{background-color:#0f0}.vote .vote-bar-minus{background-color:red}

قم  بالبحث على الكود أعلاه  في ورقة css خاصتك وقم بحذفه و ضع مكانه الكود الذي نصحك به الأخ
@{Lone~Wolf} كتب:
الكود:
.vote {    float: right;    width: 9px;    margin-right: 4px;    }

avatar
SaLEm Hen!CHE
 
 

ذكر
عدد المساهمات : 759
معدل النشاط : 4620
السُمعة : 60

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: مشكلة في تومبيلات التقييم

مُساهمة من طرف shanime في الأحد 21 يونيو 2015 - 19:06

مرحبا

شكرا لكم جميعا

تم الحل

و لكي يعرف البعض كيف يحلها

بكل بساطة

حط الكود في اول ورقة السي سي

انا كنت حاطو اخرها

و كان لازم حطو اولها

شكرا لكم جميعا

تم الحل

و يعطيكم ربي الف عافية

ودي و احترامي

^_^
avatar
shanime
 
 

ذكر
عدد المساهمات : 316
معدل النشاط : 1611
السُمعة : 9

http://2bda3.syriaforums.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى