أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

ستايلات Styles

مشاكل وحلول الاستايلات

[مجابه] İ want make a theme

: موضوع مغلق

الصفحة 2 من 2

الأخيرة

: [مجابه] İ want make a theme

31-03-2014 08:24 مساءً

BlackRose

Hİ all

i want make a theme but i I do not know about it

anyone help me? englsh and simply

: [مجابه] İ want make a theme

31-03-2014 08:58 مساءً [1]

Mr King

hi dear,

first you have to work in the style "defaut LTR style"

just tell us what you want to do & we can help you step a step

: [مجابه] İ want make a theme

31-03-2014 10:03 مساءً [2]

BlackRose

İ want metin2 theme but i dont know about it. i want add background image all page and change forum color button

ex: http://www.pbboarddestek.com/download/NDM5MjA1MQ5858m2.png

: تم تحرير المشاركة بواسطة :BlackRose بتاريخ:31-03-2014 10:05 مساءً

: [مجابه] İ want make a theme

31-03-2014 10:40 مساءً [3]

ezzeldean

you can download a defaut LTR theme from HERE

use this class to make a full Background

CODE

body<br />
	{<br />
	margin:0;<br />
	padding:0;<br />
	background:#000 url(images/bg.jpg) no-repeat center right;<br />
	background-repeat:no-repeat;<br />
	background-attachment:fixed;<br />
	background-position:center top;<br />
	}<br />

and what do you mean by change forum color button .. where this button?

anyway you can contact me by private messages to help you

: تم تحرير المشاركة بواسطة :ezzeldean بتاريخ:31-03-2014 10:49 مساءً

: [مجابه] İ want make a theme

01-04-2014 01:28 مساءً [4]

Mr King

hi dear,

first we have to wrok in home page

1- upload

this pictures & replace it in styles/main/images

İ want make a theme

images-to-main-style.zip

& this picture she name (m2.png)

İ want make a theme

2- "edit" the template "main_bar"

A- add this line

CODE

<div class="board_body">

after

CODE

<div class="pbboard_body">

B- & delete

CODE

before it

3- "edit" the template "footer"

A- add this line

CODE

</div>

after

CODE

<div id="copyright">{$lang['copyright']}</div>

B- & delete

CODE

before

CODE

</body>

C- & add this line

CODE

<div class="after-footer"></div>

before

CODE

</body>

4- edit css (for Default LTR Style)

A- find all this class & replace it

CODE

body {
	    background-image: url('images/bg.jpg');
	    background-repeat: no-repeat;
	    background-position: center top;
	    background-attachment: fixed;
	}
	#logostrip {
	    background-color: TRANSPARENT;
	    background-image: url('images/bg_logo.png');
	    background-repeat: no-repeat;
	    background-position: center top;
	    margin-right: auto;
	    margin-left: auto;
	    height: 230px;
	}
	div.pbboard_body {
	    background-color: TRANSPARENT;
	    background-image: url('images/bg_pbbody.png');
	    background-repeat: repeat-y;
	    background-position: center top;
	    margin-right: auto;
	    margin-left: auto;
	}
	.after-footer {
	    background-color: TRANSPARENT;
	    background-image: url('images/bg_after_f.png');
	    background-repeat: no-repeat;
	    background-position: center bottom;
	    margin-right: auto;
	    margin-left: auto;
	    height: 300px;
	}
	.forumtcat, .forumtcatleft, .forumtcatright {
	    background: url('images/bg_tcats.png') repeat-x scroll 0% 0% #2F1202;
	    font-family: Tahoma;
	    color: #F1DE8E;
	    font-size: 11px;
	    padding: 3px;
	    font-weight: bold;
	}
	.border_forums {
	    padding: 1px;
	    border: 2px solid #6E300B;
	    background-color: TRANSPARENT;
	    border-radius: 0px 0px 5px 5px;
	    border-collapse: separate;
	}
	.visitors_bar {
	    background: url('images/alert.gif') no-repeat scroll left center transparent;
	    margin-left: auto;
	    margin-right: auto;
	    border: 3px solid #A31212;
	    border-radius: 5px;
	    padding-left: 23px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    font-family: Tahoma;
	    font-size: 8pt;
	    width: 900px;
	    color: #000;
	}
	.address_bar {
	    margin-left: auto;
	    margin-right: auto;
	    font-family: Tahoma;
	    font-weight: bold;
	    font-size: 8pt;
	    background-image: url('images/m2.png');
	background-repeat: no-repeat;
	background-size: 100% 24px;
	    width: 920px;
	    padding-left: 20px;
	    color: #F1DE8E;
	}

B- & add this new class

CODE

.board_body{

	    width: 940px;

	    margin-left: auto;

	    margin-right: auto;

	}

: تم تحرير المشاركة بواسطة :Mr King بتاريخ:01-04-2014 03:23 مساءً

images-to-main-style.zip تحميل zip مرات التحميل :(10)
الحجم :(852.586) KB

: [مجابه] İ want make a theme

01-04-2014 02:50 مساءً [5]

BlackRose

i dont understand template edit :s i edit but not work please view image or video very thanx

http://www.teknotik.esy.es/Metin2/index.php

: تم تحرير المشاركة بواسطة :BlackRose بتاريخ:01-04-2014 03:08 مساءً

: [مجابه] İ want make a theme

01-04-2014 03:28 مساءً [6]

Mr King

1-

2- change the name of the picture "background1-2.jpg" to "bg.jpg"

3- add this line

CODE
padding:5px; 
to the class .address_bar

4- in

CODE
.tcat { background: url('images/bg_tcats.png') repeat-x scroll 0% 0% #4F3030; font-family: Tahoma; color: #FFF; font-size: 10pt; text-align: center; padding: 10px; font-weight: bold; }

change the background with this

CODE
background: url('images/bg_tcats.png') repeat-x scroll 0% 0% #2F1202;

& delete

CODE
border: 1px solid #ECE0E0; 

5- delete background from class .row1 , .row2, .row5

6- add

CODE
margin:0; padding:0; 

to

CODE
body { background-image: url('images/bg.jpg'); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; }

: تم تحرير المشاركة بواسطة :Mr King بتاريخ:01-04-2014 04:22 مساءً

: [مجابه] İ want make a theme

01-04-2014 05:08 مساءً [7]

ezzeldean

Mr. BlackRose please specify what you want to do in the form of points in order to be the solution quickly

You want to put an full background for template and i have write the solution for you .. next step

https://pbboard.info/forums/post-77952&num=3#77952

: تم تحرير المشاركة بواسطة :ezzeldean بتاريخ:01-04-2014 05:11 مساءً

: [مجابه] İ want make a theme

01-04-2014 07:37 مساءً [8]

BlackRose

المشاركة الأصلية كتبت بواسطة: Mr King 1-

2- change the name of the picture "background1-2.jpg" to "bg.jpg"

3- add this line
CODE
padding:5px; 
to the class .address_bar

4- in
CODE
.tcat { background: url('images/bg_tcats.png') repeat-x scroll 0% 0% #4F3030; font-family: Tahoma; color: #FFF; font-size: 10pt; text-align: center; padding: 10px; font-weight: bold; }

change the background with this
CODE
background: url('images/bg_tcats.png') repeat-x scroll 0% 0% #2F1202;

& delete
CODE
border: 1px solid #ECE0E0; 

5- delete background from class .row1 , .row2, .row5

6- add
CODE
margin:0; padding:0; 

to
CODE
body { background-image: url('images/bg.jpg'); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; }

i dont understand number 3

Where will add

: [مجابه] İ want make a theme

01-04-2014 07:41 مساءً [9]

BlackRose

المشاركة الأصلية كتبت بواسطة: ezzeldean Mr. BlackRose please specify what you want to do in the form of points in order to be the solution quickly

You want to put an full background for template and i have write the solution for you .. next step

https://pbboard.info/forums/post-77952&num=3#77952

Thanx but just background not enough

: [مجابه] İ want make a theme

01-04-2014 08:15 مساءً [10]

ezzeldean

step 3

replace the old class address_bar to this class

CODE


	.address_bar
	{
	background-color: #F6F1F1;
	background-image:url('images/address_bar_start.gif');
	background-repeat: no-repeat;
	background-position:center right;
	margin-left:auto;
	margin-right:auto;
	width:96%;
	border:1px solid #CFB0B0;
	-webkit-border-radius:5px;
	border-radius:4px;
	padding:5px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	font: bold 8pt tahoma;
	color:#905757;
	}

: [مجابه] İ want make a theme

01-04-2014 08:36 مساءً [11]

Mr King

hi dear,

something wrong in the templates,

please give us the content of the templates main_bar & footer (in files "like, main_bar.txt & footer.txt") to see where is the problem

: تم تحرير المشاركة بواسطة :Mr King بتاريخ:01-04-2014 08:39 مساءً

: [مجابه] İ want make a theme

02-04-2014 03:26 مساءً [12]

Mr King

this is what you're looking for

Metin 2 (LTR) style for PBBoard

الصفحة 2 من 2

الأخيرة

المواضيع المتشابهه
عنوان الموضوع	الكاتب	الردود	الزوار	آخر رد
[مجابه] İ want add prefix to title	BlackRose	8	1316	AHMED
I want to make LTR themes	narca	4	2548	زعيم الثورة
i want change chat box address	amn	3	1513	نجم الويب
please i want make like this how can i do that ????????????	amn	1	1352	amn
i want change hosting	amn	8	2623	AHMED

الكلمات الدلالية

لا يوجد كلمات دلالية ..

« [مجابه] طلب شرح css المتقدم | Help to change theme PBBoard »

الساعة الآن 07:41 PM