ya3mri
02-05-2008, 08:06
راح أشرح لكم طريقه تغيير اتجاه الجداول في الجاليري من اليمين إلى اليسار
وراح أشرح طريقه تغيير الألوان والصور في ستايل الجاليري
طبعا راح يساعدكم كثير في عمل الستايل الخاص فيكم
في البداية .. لازم نتأكد من التالي
أفتح ملف
4images\lang\arabic\main.php
في بداية الملف أبحث عن
//-----------------------------------------------------
//--- Templates ---------------------------------------
//-----------------------------------------------------
$lang['charset'] = "iso-8859-1";
$lang['direction'] = "ltr";
أستبدلها بهذا
//-----------------------------------------------------
//--- Templates ---------------------------------------
//-----------------------------------------------------
$lang['charset'] = "windows-1256";
$lang['direction'] = "rtl";
الخطوة السابقة فقط للتأكيد بان الجالاري يكون داعم للعربية
واتجاهه من اليمين إلى اليسار
---------
طريقه تغيير لون خلفيه الجالاري
أفتح الملف التالي بواسطة الفرونت بيج
4images\templates\default\header.html
أبحث عن
body bgcolor="#FFFFFF" text="#0F5475" link="#0F5475" vlink="#0F5475" alink="#0F5475">
من هذا السطر نقدر نغير الآتي
<body bgcolor="#FFFFFF" ... لون خلفيه الجاليري
text="#0F5475" ... لون الخط في الجاليري
link="#0F5475" ... لون الارتباطات والوصلات
vlink="#0F5475" ... وصلات تمت زيارتها أو الضغط عليها
alink="#0F5475" ... لون الوصلة عند مرور مؤشر الماوس عليها
الآن راح أشرح كيفيه التعديل بالستايل
أفتح ملف بواسطة الفرونت بيج
4images\templates\default\style.css
وهنا شرح إضافي
تغيير لون الخط
.smalltext {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: normal;
ما يخص التعليقات
/*--Comments--------------------------------------------------*/
/*--Comments--------------------------------------------------*/
.commentrow1 {
background-color: #e1e1e1;
color: #004c75;
}
.commentrow2 {
background-color: #efefef;
color: #004c75;
}
.commentspacerrow {
background-color: #d1d1d1;
color: #004c75;
}
.commenttextarea {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
width: 270px;
}
.commentinput {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
width: 270px;
}
ما يخص الأقسام من الداخل
/*--Categories------------------------------------------------*/
.catbgcolor {
background-color: #EFEFEF;
}
.maincat {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
}
.subcat {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
}
لون الأزرار
.button {
font-family: Tahoma,Verdana,Arial, Helvetica, sans-serif;
background-color: #003366;
color: #fcdc43;
font-size: 11px;
font-weight: bold;
}
القائمة المنسدلة لاختيار الأقسام
.categoryselect {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
}
لون الفراغات ..مثل أسم الصورة ووصفها
.input {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
width: 230px;
}ملاحظه...
(( أرجو التركيز في النسخ من صفحه المنتدى واللصق في الفرونت بيج
لأنه راح يعطيك الكود غلط.... ألصق الكود في ملف notepad ثم انقل من
notepad إلى الفرونت بيج))
وراح أشرح طريقه تغيير الألوان والصور في ستايل الجاليري
طبعا راح يساعدكم كثير في عمل الستايل الخاص فيكم
في البداية .. لازم نتأكد من التالي
أفتح ملف
4images\lang\arabic\main.php
في بداية الملف أبحث عن
//-----------------------------------------------------
//--- Templates ---------------------------------------
//-----------------------------------------------------
$lang['charset'] = "iso-8859-1";
$lang['direction'] = "ltr";
أستبدلها بهذا
//-----------------------------------------------------
//--- Templates ---------------------------------------
//-----------------------------------------------------
$lang['charset'] = "windows-1256";
$lang['direction'] = "rtl";
الخطوة السابقة فقط للتأكيد بان الجالاري يكون داعم للعربية
واتجاهه من اليمين إلى اليسار
---------
طريقه تغيير لون خلفيه الجالاري
أفتح الملف التالي بواسطة الفرونت بيج
4images\templates\default\header.html
أبحث عن
body bgcolor="#FFFFFF" text="#0F5475" link="#0F5475" vlink="#0F5475" alink="#0F5475">
من هذا السطر نقدر نغير الآتي
<body bgcolor="#FFFFFF" ... لون خلفيه الجاليري
text="#0F5475" ... لون الخط في الجاليري
link="#0F5475" ... لون الارتباطات والوصلات
vlink="#0F5475" ... وصلات تمت زيارتها أو الضغط عليها
alink="#0F5475" ... لون الوصلة عند مرور مؤشر الماوس عليها
الآن راح أشرح كيفيه التعديل بالستايل
أفتح ملف بواسطة الفرونت بيج
4images\templates\default\style.css
وهنا شرح إضافي
تغيير لون الخط
.smalltext {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: normal;
ما يخص التعليقات
/*--Comments--------------------------------------------------*/
/*--Comments--------------------------------------------------*/
.commentrow1 {
background-color: #e1e1e1;
color: #004c75;
}
.commentrow2 {
background-color: #efefef;
color: #004c75;
}
.commentspacerrow {
background-color: #d1d1d1;
color: #004c75;
}
.commenttextarea {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
width: 270px;
}
.commentinput {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
width: 270px;
}
ما يخص الأقسام من الداخل
/*--Categories------------------------------------------------*/
.catbgcolor {
background-color: #EFEFEF;
}
.maincat {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
}
.subcat {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
}
لون الأزرار
.button {
font-family: Tahoma,Verdana,Arial, Helvetica, sans-serif;
background-color: #003366;
color: #fcdc43;
font-size: 11px;
font-weight: bold;
}
القائمة المنسدلة لاختيار الأقسام
.categoryselect {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
}
لون الفراغات ..مثل أسم الصورة ووصفها
.input {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
width: 230px;
}ملاحظه...
(( أرجو التركيز في النسخ من صفحه المنتدى واللصق في الفرونت بيج
لأنه راح يعطيك الكود غلط.... ألصق الكود في ملف notepad ثم انقل من
notepad إلى الفرونت بيج))