الجيران بتتكلم عربي
اجتماعية سياسية عربية حرة
.
.

تعلم معنا كيف تعدل تصميم صفحتك ومدونتك وتضيف موسيقى

السلام عليكم ورحمة الله وبركاته
امتداداً للافكار النيرة والمتميزة التي تقدمها هذه المدونة ومساهميها
اليوم نقدم لكم بعض الامور التي يحتاج رواد موقع جيران ومدونوه
ومن خلال الاسئلة التي تردني والكثيرة صراحة عن كيفية تعديل صفحة المشترك وجعل الخلفية كصورة او كيفية اضافة الموسيقى للمدونات وبعض الملاحظات الاخرى
احببت ان اقدم هذا الجهد المتواضع رغبة مني في تقديمها لكم املا بان تستفيدوا منها
طبعا سوف اضيف شيئاً فشيئاً بعض ماتعلمته هنا من اضافات لذلك تابعوا هذا المقال باستمرار وتابعوا تحديثه
 
1-كيفية تعديل صفحة العضو الشخصية
1- اذهب للرئيسية
2- اضغط على صفحتك الشخصية لتراها
هنا ستظهر صورتك الشخصية كما بالصورة بالاسفل
 
 
3- اضغط على حرر التصميم كما بالشكل اعلاه
4- سوف تظهر لك نافذة التحرير كما بالشكل التالي
 
 
5- كما تلاحظ الان هناك عدة خانات موجودة هي مختصة باللون والشكل
الان لو اردت اضافة خلفية كصورة  اضغط على
صورة الخلفية  واختر اما صورة من جهاز او من على النت الخيار الثالث
6- الان لو اضفتها لن تظهر كخلفية لماذا؟
لانك لون الخلفية هو من سيظهر  الان قم بالتالي لحذف اي لون للخلفيات
كلها
كما بالشكل
 
لاحظ بالشكل اعلاه انك ستقوم بالغاء كل الوان
 *قائمة جيران
*لون الخلفية للصفحة
*لون خلفية السجل
*لون الخلفية للمحتوى
*لون خلفية الاقسام
كما بالشكل اعلاه اضغط على اختر اللون سوف يظهر مربع الالوان الضغير اظغط مان هو محدد بالصورة  واحذف الالوان
 
الان طبعا قمت باضفاء لماساتك  وغير وبدل كما تشاء وكلمرة اضغط استعراض لترى كيف سيبدو عملك
بالاخير  اضغط حفظ وانتظر قليلا ليظهر لك مربع اخضر صغير
كا بالشكل
 
 
----------------------------------------------------------------------
 
2- كيف تضع الموسيقى بمدونتك او اي بنر في القسم الجانبي؟
*1- اذهب للرئيسية
*2- مدونات
3*- اضغط على اسم مدونتك
4*- الان اضغط على حرر التصميم كما بالشكل
 
5*-اضغط الان على إضافة بالاسفل
6*- سوف يظهر لك هذا الشكل
 
7*- الان نأتي لكيف تضع موسيقى او ملف صوتي
 
**هناك ملف يعمل لوحده وبشكل مستمر وهو هذا الكود (انسخه كماهو ) ولاتبقي شيئا منه
 
 
<embed align="top" src="http://www.6rbtop.com/library/resources/M7ammad_3abdu/Jalsat/listen/36141_hi.ram
"
width="190" height="80" type="audio/x-pn-realaudio-plugin" loop=true autostart="true" controls="all" border="0"></embed>
 
لاحظ انك سوف تغيير فقط رابط الاغنية كلما اردت تغييرها مع الحفاظ على الكود
الان الاغنية هنا هي الاماكن   انت فقط استبدل الرابط  باخر  كل مرة
 
** هناك ملف لايعمل لوحده انما الا اذا ضغطت تشغيل  
هذا هو الكود  فقط انت غير الرابط
 
 
<embed align="top" src="http://www.6rbtop.com/library/resources/M7ammad_3abdu/Jalsat/listen/36141_hi.ram
"
width="190" height="80" type="audio/x-pn-realaudio-plugin" loop=true autostart="false" controls="all" border="0"></embed>
 
 
 
لاحظ ان الاختلاف هنا في هذه النقطة فقط autostart="false"
3- البنر وكيف تضعه بمدوتك
 
نفس الخطوات السابقة مع اختلاف الكود
 
وهذا هو الكود فقط انت غير رابط صورة البنر ورابط الموقع المراد نشره
 
<a href="http://aymanraf.jeeran.com/blog/" target="_blank"><img src="http://aymanraf.jeeran.com/banardiwan.gif" width=190 border="0" alt="" /></a>
هنا الرابط الاول هو للموقع
الرابط التاني هو لصورة البنر(الاعلان)ه
 
 
---------------------------------------------------------------------
4- هناك كثير من يسألني كيف اصمم صفحة مدونتي كمدونة الجريح المبتسم
وهي مدونتي الاخرى  اضغط على رابطها لتراها
 
بشكل سريع سوف اعطيك كود المدونة وماعليكم الا استبدال الروابط للصور وعمل  استعراض قبل حفظ عملك
هذا الكود تضعه عندما تختار (عدل الانماط كما بالصورة اعلاه )ه 
 
انسخ الكود كماهو ولاتنسى تغيير الروابط والا سيظهر عندك صورة موقعي
انسخ ماتحت الخط ولاتنسخ الخط معه
--------------------------------------------------------------------------
 
 
/********
عزيزي المدون هذا هو الكود الخاص بنمط التصميم الخاص بمدونتك،
يمكنك تحرير هذا الكود من اضفاء شخصيتك و ذوقك الخاص على مدونتك
اذا كنت تريد تعلم كتابة كود الأنماط يمكنك زيارة الروابط الخاصة بالدروس الى اليمين
و لتوضيح الكود في هذه الصفحة بالتحديد يمكنك زيارة درس _كود الأنماط لتصاميم جيران
********/
 
/* المناطق الأساسية*/
/* هذا الجزء يحدد خصائص الخلفية للمدونة*/
body {
 margin: 0px;
 padding: 0px;
 color: #FFFFFF;
 
 font-family: arial;
 font-size: small;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 background-image: url(
http://www.upload2world.com/pic/upload2world_529c2.gif);
}

#container {
margin: 0px auto;
padding: 0px;
border: 0px;
width: 737px;
font-size:120%;
text-align: right;
direction: rtl;
}
/*راس التصميم للمدونة*/
  
#blog-header {
color: #ffe;
margin: 90px ;
border: 0px;
padding: 19px  0px 0 10px;
height: 230px;
word-wrap: break-word;
}

#blog-title {
font-size: 20px;
padding: 0px 50px 0px 20px;
margin:  0px;
color:  #000000;
word-wrap: break-word;
}

#blog-description {
font-size: 15px;
padding: 0px 20px 0px 20px;
margin: 0px;
word-wrap: break-word;
}
/* محتويات المدونة*/
#mainbox {
width: 450px;
float: right;
background: url(
http://aymanraf.jeeran.com/photos/265340_l.jpg);
color:#FFFFFF;
word-wrap: break-word;
}
#blog-paging {
font-weight: bold;
}
/* التصميم الداخلي */
#content {
padding: 20px 10px;
}
/* تذييل المدونة*/
#blog-footer {
}

/* محتويات المقال */
#posts {
 padding: 15px 15px 15px 15px;
word-wrap: break-word;
}
#post-header {
border: solid 1px #cccccc;
padding: 5px 5px 5px 5px;
word-wrap: break-word;
}
#post-title {
font-size: 24px;
}
#post-date {
font-size: 12px;
}
.post-body {
word-wrap: break-word;
}
#post-footer {
}
/* محتويات القسم الجانبي*/
#sidebar {
width: 200px;
float: right;
word-wrap: break-word;
}
#SidebarBigbox {
width: 100%;
float: right;
background: url(http://aymanraf.jeeran.com/photos/265340_l.jpg);
color:#FFFFFF;
word-wrap: break-word;
}
.sidebar_title {
}
.sidebar_body {
}
/*قسم السجل الشخصي*/
#profile-box {
width: 180px;
background: url(
http://www.allstates-flag.com/images/full-size/flags/international/jordan.gif);
text-align: right;
direction: rtl;
margin: 0px 10px 0px 10px;
word-wrap: break-word;
color:#FFFFFF;
}
#profile-name {
padding: 5px 5px 5px;
word-wrap: break-word;
color:#FFFFFF;
}
.profile-image
{
 border: 12px;
 width: 180px;
 align: center;
}
#profile-description
{
padding: 5px 5px 5px;
word-wrap: break-word;
}
/*الأقسام الجانبية المحددة مسبقاً*/
#archives-box, #recent-box, #fav-box, #categories-box, #customesidebar-box, #coauthors-box {
padding: 0px 5px 0px 5px;
text-align: right;
direction: rtl;
word-wrap: break-word;
}
#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: #FFFFFF;
background: transparent;
}
a:hover {
font-weight : bold;
text-decoration : underline;
background: transparent;
color: #F8E63C;
}
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;
}
h2, h3, h4, h5 {
margin: 0px 0px 0px 0px;
padding: 0px;
}
ul {
margin: 0px 0px 25px 0px;
}
li {
line-height: 160%;
}
#sidebar ul  {
padding-left: 10px;
padding-top: 13px;
}
#sidebar ul li {
list-style: disc url(
http://www.jeeran.com/im/blogs/templates/1/1-1-images/bull.gif) inside;
vertical-align: top;
padding: 0px;
margin: 0px;
}
/* نموذج التعليقات*/
.CommentFormHead {
}
.AddCommentFormLabel {
font-size: 11px;
font-weight: bold;
text-align: left;
vertical-align: top;
color: #ffffff;
}
.AddCommentFormInput {
border: 1px solid #000000;
}
#formComment.AddCommentFormInput {
height: 120px;
width: 300px;
}
#formAuthor.AddCommentFormInput {
}
#formEmail.AddCommentFormInput {
}
#formHomepage.AddCommentFormInput {
}
.formLabelCheckBox  {
font-size: 11px;
font-weight: bold;
vertical-align: top;
color: #ffffff;
}
#btnAddComment {
}
/*التعليقات*/
.commentbox
{
width: 390px;
}
.commentbody {
width: 330px;
margin: 0px 0px 0px 55px;
}
/*متفرقة*/
#powered-by
{
padding: 20px 0px 0px 0px;
}
.gravatar {
width: 50px;
height: 50px;
float: left;
}
 
/*نرجو منك عدم التغيير في الكود التالي الا اذا كنت مدركاً لما تفعله*/
/* محتويات اخرى */
#subcontainer1 {
}
#subcontainer2 {
}
#subcontainer3 {
}
/* اطراف التصميم */
.curve_tl, .curve_tr, .curve_bl, .curve_br {
font-size: 1px;
width: 11px;
height: 11px;
}
.curve_tl {
background: url(
http://i59.photobucket.com/albums/g308/aymans1/jeeran.gif);
float: left;
}
.curve_tr {
background: url(
http://aymanraf.jeeran.com/photos/130928_l.jpg);
float: right;
}
.curve_bl {
background: url(
http://aymanraf.jeeran.com/photos/130928_l.jpg);
float: left;
}
.curve_br {
background: url(
http://aymanraf.jeeran.com/photos/130928_l.jpg);
float: right;
}
 
---------------------------------------------
انسخ مافوق هذا الخط وتنسخ الخط نفسه
 
طبعا بامكانك تغيير القياسات وكل مرة استعرض
حاول ان تتعلم
 
الى هنا اكتفي الان  واي شي اتعلمه معكم ساحدث الصفحة هذه واضيفه  واتمنى من اي احد عنده اضافة مميزة ان يفيدنا 
تابعونا ولاتنسوا  ان تستعملو دليل جيران فهو مفيد وهو الاصل الذي نتعلم منه
 
 
ملاحظة : اذا اعجبتك اي مدونة واردت ان تاخذ الكود الخاص بها فقط اذهب الى صفحة المتصفح  وهناك  بالاعلى   اختر (عرض) وسوف تظهر لك قائمة منسدلة اختر منها (المصدر) وسوف يفتح لك مفكرة فيها الكود وصحةوعافية على قلوبكم
أخوكم أيمن الرفايعه - الاردن
20/4/2007

(33) تعليقات

أضف تعليقا

اضيف في 20 ابريل, 2007 05:22 م , من قبل souadsaleh
من المغرب

اصيل انت
السلام عليكم و رحمة الله و بركاته
و الله كم بختث على بعض المعلومات
و جزاك الله ألف خير
هذا عمل خيري فعلا إلى من يستغله طبعا في الخير
لك مني كل الود و جزاك الله عنا خيرا
أختك سعاد


اضيف في 20 ابريل, 2007 05:29 م , من قبل najoua2007
من المغرب

روووعة مرسي كثير

لم أعرف أنك موسوعه هكذا

أشكرك على المجهود

صراحة استفدت كثير خصوصا بمشكل الصورة في الصفحة الشخصية

تحياتي


اضيف في 20 ابريل, 2007 05:30 م , من قبل aymanraf
من الأردن

اشكرك سعاد واتمنى تستفيدي
وهذه دعوة لك ولكل الاخوة الذين يرغبون بنسخ المقال
ويضعوه للكل حتى يستفيدوا

لك مودتي
------
شو صار بمشكلة ايميلك حولي ايميلك اللي بجيران للهوتميل حتى تصل دعوة حتى تساهمي بهذه المدونة وتفعليها

انتظرك (وبعدين يبدو انك مابتعرفي انه في مراسل جيران؟ انا ببعثتلك مابتردي )
هههه
يعني لازم انزل درس لمراسل جيران؟
ههههههه


اضيف في 20 ابريل, 2007 05:31 م , من قبل aymanraf
من الأردن

نجوى
الروعة وجودك
سعيد انك استفدتي
:)


اضيف في 20 ابريل, 2007 05:40 م , من قبل shahooodh
من المملكة العربية السعودية

أستاذ أيمن / تسلم ايدينك استاذي مجهود رائع منك عزيزي الله يعطيك العافيه اخوي


اضيف في 20 ابريل, 2007 05:55 م , من قبل aymanraf
من الأردن

شهودة اهلا ياصديقتي الطيبة
اتمنى تستفيدي


اضيف في 20 ابريل, 2007 06:34 م , من قبل awtaral7adeed
من فلسطين

مرحباااا

يسلموو كتير اخي ايمن بجد كنت بتمنى اعرف كيف فيني غير صميم صفحتي وكيف فيني نزل موسيقى يسلموو كتير ورح بلش غير من اليوم بصفحتي وبتمنى دايما تفيدنا بافكااارك
بكرر شكري لالك

دمــعة


اضيف في 20 ابريل, 2007 08:24 م , من قبل aymanraf
من الأردن

دمعة سعادتي كبيرة
لاستفادتك
اشكرك


اضيف في 20 ابريل, 2007 08:37 م , من قبل hadell
من فلسطين

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


اضيف في 20 ابريل, 2007 08:56 م , من قبل aymanraf
من الأردن

هديل اشكرك عزيزتي
على تفاعلك وسعيد بتشجيعك واستفادتك


اضيف في 21 ابريل, 2007 12:17 ص , من قبل samra1981
من المملكة العربية السعودية

يعطيك العافيه اخي الكريم


ودمت بكل خير


اضيف في 21 ابريل, 2007 11:18 ص , من قبل mahanaco
من سوريا

سأجرب وعسى خيراً ، وعلى كل حال الله يعطيك العافية ولك جزيل الشكر . أرجو زيارة مدوناتي http://mahanaco.jeeran.com/index.html
http://mahanaco.jeeran.com/01
http://mahanaco.jeeran.com/02


اضيف في 21 ابريل, 2007 12:44 م , من قبل aymanraf
من الأردن

سمراء
اهلا بك سعدت بوجودك
واتمنى تستفيدي


اضيف في 21 ابريل, 2007 12:45 م , من قبل aymanraf
من الأردن

mahanaco
اهلا بك وارحب بك
واتمنى تسفيد
لك مودتي


اضيف في 21 ابريل, 2007 09:34 م , من قبل bbabr
من اليمن

السلام عليكم ورحمة الله وبركاته آخي الكريم ايمن با لفعل موضوعك رائع جداً اعطينا اشياء كنا نبحث عنه ونحتار فيها اونت ماشاء الله عليك وفرت علينا تعب كبير جداً اخي انا اتشرف بمعفة شخص مثلك شاعر عندك اشياء كثير ه يتمناها اي شخص مشكور اخووي الله يعطيك الف عافيه


اضيف في 21 ابريل, 2007 09:44 م , من قبل aymanraf
من الأردن

هلا اخي راشد
اهلا ياصديقي
سعيد انك استفدت
كوني بالقرب


اضيف في 23 ابريل, 2007 06:42 م , من قبل raninal7yat

**

اخي الكريم ايمن

شكر لك علي مجهودك الجبار والرائع وعلي حرصك الشديد علي تقدم ماهو مميز ومتالق

الي الامام اخي وموفق

مشاركة جدا مميزة

**


اضيف في 23 ابريل, 2007 06:47 م , من قبل aymanraf
من الأردن

رنين
سعيد ان اراك واتمنى ان تستفيدي


اضيف في 23 ابريل, 2007 07:48 م , من قبل amandaabassi
من الأردن

عنجد انت قليلين يلي زيك


اضيف في 23 ابريل, 2007 07:52 م , من قبل aymanraf
من الأردن

هلا اماندا
لاتخافي في كثير واحسن مني ط
لكن لسه ماقابلتيهم
اشكر شعورك


اضيف في 23 ابريل, 2007 08:34 م , من قبل D3aniALshoog
من المملكة العربية السعودية

أيمن اخوي

يعطيك الف الف عافيه كنت ابحث عن تطوير صفحتي وأنت دوم تميزنا بجهودك الراائعه

أنت قلب جيران النابض

لك لكل الشكر والتقدير والاحترام

دعاني الشوق


اضيف في 24 ابريل, 2007 06:36 م , من قبل nighttinggle72

السلام عليكم ورحمه الله و بركاته
سيدي الكريم ايمن....عن جد انا فكرت اني
ما راح استطيع ان اسوي شئ هون...و لكن
بفضل الله ثم بشرحك الوفير استطعت ان آخذ خطوات صغيره....أنار الله لك حياتك كما انرت لنا الطريق هنا....لك مني كل الود و الاحترام

اختك غموض


اضيف في 24 ابريل, 2007 07:52 م , من قبل aymanraf
من الأردن

دعاني الشوق ياالغالي ...
سعيد انك لمست فائدة بما اقدم
لك وافر محبتي


اضيف في 24 ابريل, 2007 07:52 م , من قبل aymanraf
من الأردن

غموض
اشكرك ياطيبة
وسعيد أني احمل شعلة لتضئ للاخرين
لك وافر احترامي


اضيف في 26 ابريل, 2007 01:33 ص , من قبل nihalelmohandes
من مصر

نشكرك علي هذه المعلومات والتي كنت احتاج حقا اليها


اضيف في 26 ابريل, 2007 03:38 ص , من قبل aymanraf
من الأردن

نهال اهلا بك واتمنى تستفيدي


اضيف في 03 مايو, 2007 07:03 م , من قبل houssaini
من المغرب

اسطر من دهب
كتاباتك جميلة و نرتقب جديدك


اضيف في 04 مايو, 2007 06:18 ص , من قبل aymanraf
من الأردن

اخي حسيني هلا فيك
وسعيد باستفادتك


اضيف في 24 مايو, 2007 11:19 م , من قبل khaliduob
من البحرين

شكرررررررا جزيلا اخي ""ادامك الله لفعل الخير""

اخي لدي سؤال يتعلق بالاغنية التي اختارها

كيف احصل على الرابط

حاولت جاهدا الوصول الى الرابط الخاص باغنية عبدالحمن ولم استطع الوصول اليه رغم انه موضح انها من موقع 6RBTOP

ارجو الافادة ولك جزيل الشكر


اضيف في 27 اكتوبر, 2007 01:56 م , من قبل deem212
من المملكة العربية السعودية

أستمتعت كثيرا بالفائده التي تقدمها مع اني اجد صعوبه في التطبيق
شاكره لك هذا التدفق الرائع في مقالاتك
واتمنى منك زيارتي في مدونتي واعطائي رأيك فيها


اضيف في 01 نوفمبر, 2007 04:21 م , من قبل elhour
من مصر

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

معرفشى اذا كانت دى ممكن تكون اضافة

ولا لاء

دا كود ينتج عنه رفع موقع مساعد الى المدونة لرفع الصور





<center><iframe src="http://www.alhnuf.com/up.php"; name="i1alhnufUP" height="60" scrolling="no" frameborder="0" width="705" style="border: 1px dotted #999999" marginwidth="1" marginheight="1">
</iframe></center>

ارجو ان اكون قد افدة ولو بحاجة بسيطة


اضيف في 02 يونيو, 2008 12:47 ص , من قبل sumaya1888
من الأردن

السلام عليكم ورحمة الله وبركاته





























































السلام عليكم ورحمة الله وبركاته :
سعدت بمروري على مدونتك وتصفحهافقد وجدتها أكثر من رائعة وفيها معلومات مفيدة -- ومشكور على هذا الدرس المفيد الذي فيه الفائدة للجميع -- سلمت يمناك -- أدعوك لزيارة مدونتي المتواضعة وإبداء رأيك وإن شاء الله نتواصل --








اضيف في 26 سبتمبر, 2009 03:47 م , من قبل XxRomanceyaxX
من قطر

السلام عليكم
شكرا اخي العزيز على هذا الطرح المتميز
لكن حبيت اقول انه هالعلامه مو ظاهره لي
فالاعلى من صفحتي ؟؟




أضف تعليقا

<<الصفحة الرئيسية


.
.