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

İ want make a theme

مشاهدة المشاركة في الموضوع بالعرض العادي

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

01-04-2014 01:28 مساءً

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;

	}

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

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

الساعة الآن 10:55 AM