تقسيم العمود اصبح العمود اثنين

المصدر
http://arab-alrab7on.blogspot.com/20...g-post_24.html


السلام عليكم

موضوع اليوم يتكلم عن تقسيم راس العمود ليصبح العمود اثنين

هل أنت مستعد للقيام ببعض العمل معي؟ طبعاً..

.

اتبع هذه الخطوات الذهاب الى حسابك في عناصر الصفحة ، وسوف تجد في القالب شيء من هذا القبيل :

الآن سنقوم بتغيير رأس العمود ليصبح عمودين . انقر فوق علامة تحرير القالب ، والذهاب إلى القالب

اولاً :وابحث عن كود من هذا الفبيل :
.snipt_widget { background-color:#fafafa; }Untitled
abap



/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}


Delete above code and replace with this code ;


/* Header
===================================
*/

#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#r_head{
width:300px;
float:left;
padding-top:10px;
}







احذف الكود اعلاه واستبدله بهذا الكود :
.snipt_widget { background-color:#fafafa; }Untitled
abap


/* Header
===================================
*/

#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#r_head{
width:300px;
float:left;
padding-top:10px;
}





ثانياً ابحث عن كود من هذا القبيل:
.snipt_widget { background-color:#fafafa; }Untitled
abap

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>

احذف الكود اعلاه واستبدله بهذا الكود :

.snipt_widget { background-color:#fafafa; }Untitled
abap

<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>




ثم احفظ القالب


اذهب الى عناصر الصفحة سوف تشاهد :

تم بحمد الله

المصدر
http://arab-alrab7on.blogspot.com/20...g-post_24.html

ميرسى
يسلموووووووووو