هداء لكم اصدقائى نمط تكبير خط التعليقات والشرح

بسم الله الرحمن الرحيم

اخواتى

اصدقائى

وجيرانى

اهداء لكم هذا النمط

فاهو النمط الذى اعمل به مدواناتى

وهو يجعلها مثل مدوانتى

ويجعل خط التعليقات كبير

_________________________________________________________________

الشرح

(1) ندخل المدوانات

(2) تم تحرير التصميم

اضافات التصميم

عدل الأنماط

يمكنك تحرير ذيل الصفحة والعمود الجانبي لتصميم مدونتك.

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

ماذا يمكنني ان اضيف للعمود الجانبي لمدونتي؟

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

ماذا يمكنني ان اضيف الى رأس مدونتي؟

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

ماذا يمكنني ان اضيف الى تذييل مدونتي؟

يمكن لتذييل مدونتك ان يحوي ايضاً على بانرز اضافية او عداد زوار.

ملاحظة:

يمكنك الحصول على عداد زوار، دفاتر زوار، قوائم بريدية، نماذج بريدية، باضغط على الرابط التالي:

اضافات المواقع في جيران

العمود الجانبي

ذيل الصفحة

هل يجب ان احرر تصميم مدونتي؟
كيف احرر تصميم مدونتي؟
هل يمكن لمدون مساهم اضافة قسم جديد لمدونتي؟

*****************************************************************

(3) ثم تعديل النماط

اضافات التصميم

عدل الأنماط

يمكنك تعديل نمط مدونتك بتعديل الكود الخاص بالأنماط في الحقل أدناه، لمعرفة المزيد عن الأنماط يمكنك الإطلاع على الدروس المدرجة أدناه.

كود النمط:

/********

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

اذا كنت تريد تعلم كتابة كود الأنماط يمكنك زيارة الروابط الخاصة بالدروس الى اليمين

و لتوضيح الكود في هذه الصفحة بالتحديد يمكنك زيارة درس _كود الأنماط لتصاميم جيران

********/

/* المناطق الأساسية*/
/* هذا الجزء يحدد خصائص الخلفية للمدونة*/

body {
	margin: 0px;
	padding: 0px;
	font-family: arial;
	font-size: 45px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	font-size:35px;
	background: #000000;
}

#container {
margin: 0px auto;
padding: 0px;
border: 0px;
width: 80%;
font-size: 30px;
text-align: center;
direction: rtl;
}

/*راس التصميم للمدونة*/

#blog-header {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	vertical-align: center;
	background-image: url();
}
#blog-title	{
	font-size: 60px;
	padding: 10px 20px 10px 20px;
	margin: 0px;
                text-align: center;
	color:#99ff66;
	background-color: #;
	word-wrap: break-word;
}
#blog-description	{
	color:#66ffff;
	font-size: 35px;
	padding: 10px 20px 10px 20px;
	margin: 0px;
	background-color: #;
	word-wrap: break-word;
}

/* محتويات المدونة*/
#mainbox	{
	float: center;
	word-wrap: break-word;
}
#blog-paging {
font-weight: bold;
}

/* التصميم الداخلي */
#content	{
padding: 30px 0px;
}

/* تذييل المدونة*/
#blog-footer {
}

/* محتويات المقال */
#posts {
	padding: 25px 25px 25px 25px;
	font-size: 45px;
	color: #FF3333;
	word-wrap: break-word;
}
#post-header {
}
#post-title {
color: #00ff33;
font-size: 45px;
text-align: center;
}
#post-date	{
color:#FFff00;
font-size: 45px;
}
.post-body {
word-wrap: break-word;
}
#post-footer {
}

/* محتويات القسم الجانبي*/

#sidebar	{
	width: 200px;
	float: center;
	
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #FFFF33;
	word-wrap: break-word;
}
#SidebarBigbox	{
	float: center;
	color:#FFFF00;
	border: 1px none #990000;
	font-size: 18px;
	word-wrap: break-word;
}
.sidebar_title {

}
.sidebar_body {

}

/*قسم السجل الشخصي*/

#profile-box	{
	text-align:  center;
	direction: rtl;
	margin: 0px;
	color: #FFFF00;
	font-size: 15px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	word-wrap: break-word;
}
#profile-name {

}
.profile-image
{
 border: 1px;
width: 150px;
 align: center;
}
#profile-description
{

}

/*الأقسام الجانبية المحددة مسبقاً*/

#archives-box, #recent-box, #fav-box, #customesidebar-box, #categories-box, #coauthors-box {
	padding: 12px;
	direction: rtl;
	font-weight: bold;
	word-wrap: break-word;
	text-align: center;
}
#archives-header, #recent-header, #fav-header, #categories-header, #customsidebar-header, #coauthors-header {
}
#archives, #recent, #fav, #categories, #customsidebar, #coauthors {
}

/* الروابط الأساسية 	*/
a:link, a:visited {
	font-weight : bold;
	text-decoration : none;
	color: #66ff66;
	background: transparent;
	font-size: 20px;
}
a:hover {
font-weight : bold; 
text-decoration : underline;
background: transparent; 
color: #FFFF33;
}
a:active {
font-weight : bold; 
text-decoration : none;
color: #F8E63C;
background: transparent; 
}

/* خصائص النص  */
#main p, #sidebar p {
	line-height: 140%;
	margin-top: 5px;
	margin-bottom: 1em;
	font-size: 35px;
}
h2, h3, h4, h5	{
margin: 0px 0px 0px 0px;
padding: 0px;
}
ul	{
margin: 0px 0px 25px 0px;
}
li	{
line-height: 100%;
}
#sidebar ul 	{
padding-right: 10px;
padding-top: 3px;
}
#sidebar ul li {
list-style: disc url(http://www.jeeran.com/im/blogs/templates/9/images/bull.gif) inside;
vertical-align: top;
padding: 0px;
margin: 0px;
}

/* نموذج التعليقات*/
.CommentFormHead {

}

.AddCommentFormLabel {
font-size: 14px;
font-weight: bold;
text-align: center;
vertical-align: top;
color: #ffffff;
}

.AddCommentFormInput {
border: 1px solid color: #66ff66;;
}

#formComment.AddCommentFormInput {
height: 120px;
width: 350px;
color: #ffffff;
text-align: center;
}

#formAuthor.AddCommentFormInput {
}

#formEmail.AddCommentFormInput {
}

#formHomepage.AddCommentFormInput {
}

.formLabelCheckBox {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}

#btnAddComment {
}

/*التعليقات*/
.commentbox
{
width: 340px;
color: #ffffff;
}
.commentbody {
width: 340px;
margin: 0px 0px 0px 55px;
color: #ffffff;
text-align: center;
}

/*متفرقة*/
#powered-by
{
padding: 20px 0px 0px 0px;
}
.gravatar {
width: 75px;
height: 75px;
float: center;
}

/*نرجو منك عدم التغيير في الكود التالي الا اذا كنت على علم كافي بالكود*/

/* محتويات اخرى */
#subcontainer1 {
}
#subcontainer2 {
}
#subcontainer3 {
}

/* اطراف التصميم */
.curve_tl, .curve_tr, .curve_bl, .curve_br {
font-size: 10px;
width: 11px;
height: 11px;
}
.curve_tl {
background: url(http://www.jeeran.com/im/blogs/templates/9/images/curve_tl.gif);
float: right;
}
.curve_tr {
background: url(http://www.jeeran.com/im/blogs/templates/9/images/curve_tr.gif);
float: right;
}
.curve_bl {
background: url(http://www.jeeran.com/im/blogs/templates/9/images/curve_bl.gif);
float: right;
}
.curve_br {
background: url(http://www.jeeran.com/im/blogs/templates/9/images/curve_br.gif);
float: right;
}

تعلم المزيد عن أنماط مدونتك

• كود الأنماط لتصاميم جيران
• مقدمة للأنماط
• صيغة الأنماط
• أساليب كتابة الأنماط
• نمط الخلفية
• نمط النص
• نمط الخط
• نمط القوائم
• نمط المسافات
• نمط الحواشي

ما هو كود الأنماط؟

*******************************************************************

(4) ونجذف النمط القديم

اضافات التصميم

عدل الأنماط

كود النمط:

تعلم المزيد عن أنماط مدونتك

ما هو كود الأنماط؟
كيف أحرر كود الأنماط لمدونتي؟
هل يمكن لمدون مساهم تغيير كود الأنماط لمدونتي؟

(5) ثم نخذ هذا النمط كوبى copy

(6) ثم نضعه مكان القديم بسط paste

اضافات التصميم

عدل الأنماط

كود النمط:

/********

اذا كنت تريد تعلم كتابة كود الأنماط يمكنك زيارة الروابط الخاصة بالدروس الى اليمين

و لتوضيح الكود في هذه الصفحة بالتحديد يمكنك زيارة درس _كود الأنماط لتصاميم جيران

********/

/* المناطق الأساسية*/
/* هذا الجزء يحدد خصائص الخلفية للمدونة*/

#container {
margin: 0px auto;
padding: 0px;
border: 0px;
width: 80%;
font-size: 30px;
text-align: center;
direction: rtl;
}

/*راس التصميم للمدونة*/

/* محتويات المدونة*/
#mainbox	{
	float: center;
	word-wrap: break-word;
}
#blog-paging {
font-weight: bold;
}

/* التصميم الداخلي */
#content	{
padding: 30px 0px;
}

/* تذييل المدونة*/
#blog-footer {
}

/* محتويات القسم الجانبي*/

}
.sidebar_body {

}

/*قسم السجل الشخصي*/

}
.profile-image
{
 border: 1px;
width: 150px;
 align: center;
}
#profile-description
{

}

/*الأقسام الجانبية المحددة مسبقاً*/

/* نموذج التعليقات*/
.CommentFormHead {

}

.AddCommentFormLabel {
font-size: 14px;
font-weight: bold;
text-align: center;
vertical-align: top;
color: #ffffff;
}

.AddCommentFormInput {
border: 1px solid color: #66ff66;;
}

#formComment.AddCommentFormInput {
height: 120px;
width: 350px;
color: #ffffff;
text-align: center;
}

#formAuthor.AddCommentFormInput {
}

#formEmail.AddCommentFormInput {
}

#formHomepage.AddCommentFormInput {
}

.formLabelCheckBox {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}

#btnAddComment {
}

/*التعليقات*/
.commentbox
{
width: 340px;
color: #ffffff;
}
.commentbody {
width: 340px;
margin: 0px 0px 0px 55px;
color: #ffffff;
text-align: center;
}

/*متفرقة*/
#powered-by
{
padding: 20px 0px 0px 0px;
}
.gravatar {
width: 75px;
height: 75px;
float: center;
}

/*نرجو منك عدم التغيير في الكود التالي الا اذا كنت على علم كافي بالكود*/

/* محتويات اخرى */
#subcontainer1 {
}
#subcontainer2 {
}
#subcontainer3 {
}