كيف يُمكنني أن أجعل واجهة منتداي بهذا الشكل ... ؟

سلام جميل

،

لاحظت في هذا المنتدى

http://www.theb3st.com/

تلاعبهم في الواجهة والخلفية يجذبني حقاً،

ف هذه الصور ..

https://screenshotscdn.firefoxusercontent.com/images/68327889-30de-4173-8720-081018c61b44.png

https://screenshotscdn.firefoxusercontent.com/images/c8134817-bc41-4b4d-a057-d2595eeb1f46.png

https://screenshotscdn.firefoxusercontent.com/images/ca0059d4-229d-42b0-a1f3-f3cd78c02b9f.png

https://screenshotscdn.firefoxusercontent.com/images/c5f9f931-44b7-4e52-840d-4573f3d2d030.png

كيف يمكنني أن أفعلها وهل هذا كود أم ؟

--

وأيضاً،

كيف بإمكاني أن أضع واجهة في أسفل المنتدى؟ كما هو موضح هنا :

https://screenshotscdn.firefoxusercontent.com/images/5c2b2026-a29a-4a62-bf51-89ff164d0f03.png

مرحبا ,

يبدوا ان الاستيل عجبك جدا ولكن للاسف انه استيل تم تصميمه من قبل صاحبه ولكن سأضع لكى خياران ...

اما تطلبى الاستيل من صاحبه

او تصلبى تصميم استيل مشابه له

وهكذا ينتهى Cool

أهلا أخي

أنا لا أقصد التصميم

بل طريقة وضعه بتلك الطريقة فقط

إن أمكن ..

بوركت

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

اقصد أريد ذلك الكود ..
يعني كود الفوتر السفلي بجهتيه اليمين واليسار + الخلفية الممتدة
Cool

الفوتر ؟ اوك

بشكل بسيط وطريقة سهلة انشاء الله

المرجوا الدخول الى القوالب والبحث عن قالب overall_footer_end ثم قومى بالبحث عن الرمز التالى

الكود::

ثم ضعى هذا الرمز اسفله مباشرة

الكود:: <div class="FooterBackground"><div class="FooterRight"></div><div class="FooterLeft"></div><div class="FooterCenter"></div></div>

ثم ادخلى الى ورقة التصميم الـ css وضعى هذا الرمز .. ؟

الكود:: /* Footer */
.FooterRight{
background-image: url("http://www.m5zn.com/newuploads/2018/06/03/png//7a858065be40fe8.png");
background-repeat: no-repeat;
float: right;
height: 252px;
width: 405px;
}

.FooterLeft{
background-image: url("http://www.m5zn.com/newuploads/2018/06/03/png//007cbf8198aa9cd.png");
background-repeat: no-repeat;
float: left;
height: 252px;
width: 248px;
}

.FooterBackground{
background-image: url("http://www.m5zn.com/newuploads/2018/06/03/png//233b0222053a16f.png");
background-repeat: repeat;
height: 252px;
}

/* Content */
.ContentRight{
background-image: url("http://www.m5zn.com/newuploads/2018/06/03/png//988b098aa219d28.png");
background-repeat:repeat-y;
background-position: right;
padding-right:100px;
}

.ContentLeft{
background-image: url("http://www.m5zn.com/newuploads/2018/06/03/png//301fc14ac0c000c.png");
background-repeat:repeat-y;
background-position: left;
padding-left:100px;
}

.Content{
background-image: url("http://www.m5zn.com/newuploads/2018/06/03/png//89ba2a207038537.png");
width: 100%;
margin: 0px auto;
}

الخلفية الممتدة , يعنى الواجهة ؟

عموما ده رمز الواجهة كاملا .

ادخلى الى لوحة الادارة وقومى بالبحث عن قالب overall_header

ثم ابحثى عن الرمز التالى

الكود:: <a name="top"></a>

وضعى هذا الرمز اسفله مباشرة

الكود:: <div class="HeaderBackground"><div class="HeaderRight"></div><div class="HeaderLeft"></div><div class="HeaderCenter"></div></div>

وادخلى الى ورقة الـ css وضعى هذا الرمز

الكود:: /* Header */
.HeaderRight{
background-image: url("http://www.m5zn.com/newuploads/2018/06/03/png//5fe81ffe345b153.png");
background-repeat: no-repeat;
float: right;
height: 610px;
width: 229px;
}

.HeaderLeft{
background-image: url("http://www.m5zn.com/newuploads/2018/06/03/png//fcca15f747fea5d.png");
background-repeat: no-repeat;
float: left;
height: 610px;
width: 248px;
}

.HeaderCenter{
background-image: url("http://www.m5zn.com/newuploads/2018/06/14/png//b0e6f48200e1574.png");
background-repeat: no-repeat;
height: 538px;
width: 829px;
margin:auto;
}

.HeaderBackground{
background-image: url("http://www.m5zn.com/newuploads/2018/06/03/png//bd36a1059043071.png");
background-repeat: repeat;
height: 610px;
}

أشكرك حق الشكر على تعبك معي

جاري التجربة

مر على الموضوع اسبوع تقريباً , هذه يعني ان الموضوع تم حلة او أهملت من صاحب المشكلة رجاء في حال كانت لديك المشكلة مستمر او اي استفسار اخر قم بفتح موضوع جديد سيتم غلق الموضوع & يرسل الى الأرشيف

يرجى مراجعة : قوانين منتدى الدعم

كيف يُمكنني أن أجعل واجهة منتداي بهذا الشكل ... ؟ Sig_se10

» كيف أجعل المنتديات مرتبة بهذا الشكل؟
» كيف أجعل الرتب بهذا الشكل(يوجد مثال)
» ممكن أجعل أزرار الاستعراض بهذا الشكل
» كيف اجعل منتداي بهذا الشكل
» كيف اجعل منتداي بهذا الشكل ..

صفحة 1 من اصل 1