منطقة الاعضاء


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

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.

الرئيسيةالمنشوراتس .و .جبحـثالتسجيلدخول

بيت الجزائر لكل العرب


مرحبا بك عزيزى الزائر فى بيت الجزائر لكل العرب.

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

بيت الجزائر لكل العرب

اسم الموضوع: [CSS]+[JAVASCRIPT] تحسين نظام التصويت في المواضيعالجمعة 8 سبتمبر 2017 - 10:03 من طرفzizou2012 اسم الموضوع: طلب تبادل اعلاني مع منتديات نسور الهضابالجمعة 8 سبتمبر 2017 - 8:07 من طرفالمدير اسم الموضوع: استايل علاء الفاتك الاصدار الخامس بالتومبلايت 2013الثلاثاء 29 أغسطس 2017 - 6:41 من طرفعمر الفاروق اسم الموضوع: تومبيلات ستايل سما لبنانالأربعاء 23 أغسطس 2017 - 13:26 من طرفsniper hearts اسم الموضوع: [JAVASCRIPT][حصري]و قبل أي منتدى عربي Messenger forumotion لمنتداك غاية في الجمالالثلاثاء 8 أغسطس 2017 - 16:50 من طرفالمدير اسم الموضوع: كود جديد انبثاق معلومات العضو عند الوقوف بالماوس على إسمه أو صورته الثلاثاء 8 أغسطس 2017 - 14:53 من طرفth3free اسم الموضوع: [حصري] برنامج صيني خطير لعمل الروت لهواتف الأندرويد و تحميل الرومات التطبيقات و الثيمات من الكمبيوتر مباشرةالإثنين 7 أغسطس 2017 - 21:12 من طرفالمدير اسم الموضوع: [تقنية]حظر صور خدمة PhotoBucket على منتديات أحلى منتدىالإثنين 7 أغسطس 2017 - 20:59 من طرفالمدير اسم الموضوع: [template] « أستعرض الموضوع السابق | أستعرض الموضوع التالي » بتقنية الاجاكسالإثنين 7 أغسطس 2017 - 20:39 من طرفالمدير اسم الموضوع: ستايل مالك العوامرة الازرق والاسود بعد التعديلالجمعة 4 أغسطس 2017 - 12:24 من طرفDaRk JoKeR اسم الموضوع: (TEMPLATES) كود اخر المواضييع الافقى المعتمد في منتدانا (مثل احلى ستايل)الخميس 3 أغسطس 2017 - 15:12 من طرفth3free اسم الموضوع: [Template] كود اخر مواضيع القسم بالتومبيلاتالخميس 3 أغسطس 2017 - 15:04 من طرفth3free

شاطر | 
 

 كود فتح اخر المواضيع بطريقة رائعة بمجرد مرور الماوس في جميع الصفحات

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
المدير
اللقب:
Admin
الرتبه:
Admin
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
1324
السٌّمعَة :
33
تاريخ التسجيل :
28/08/2014
الموقع :
بيت الجزائر لكل العرب

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
http://baytdz.ahlamontada.com
موضوع: كود فتح اخر المواضيع بطريقة رائعة بمجرد مرور الماوس في جميع الصفحات الإثنين 29 سبتمبر 2014 - 19:44


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




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








اذا اردت وضع مثل تلك الصورة
ما عليك سوى
الذهاب
الى لوحة الادارة
مظهر المنتدى
الالوان
ورقة التصميم css


وضع هذا الكود
الكود:
#content-container div#right {
background-image:
url('http://i40.servimg.com/u/f40/16/60/81/99/top_1010.png');
background-position:
 right top;
background-repeat:no-repeat;
padding-right: 30px;
margin:
 0px;
width: 80px;
height: 200px;
font-size: 0px;
float:
left;
overflow: hidden;
}
#content-container div#right:hover {
width:
 180px;
height: 225px;
font-size: 12px;
font-weight: bold;
float:
 left;
overflow: hidden;
border-top: 2px double #000000;
border-right:
 2px double #000000;
border-bottom: 2px double #000000;
border-left:
 0px double #;
padding: 0px;
}

#right {
position:
absolute;
position: fixed;
left: -80px;
top: 40%;
overflow:
hidden;
}
#right:hover {
position: absolute;
position:
fixed;
left: 0px;
top: 40%;
overflow: hidden;
}
#right
div.borderwrap div.box-content {
background-image:
url('http://i40.servimg.com/u/f40/16/60/81/99/top_1010.png');
background-position:
 left top;
background-repeat: no-repeat;
margin-top: 0px;
padding-top:
 0px;
padding-left: 20px;
}
#right div.borderwrap
div.box-content .row1 {
background-image: none;
background-color:
transparent;
border: none;
width: 50%;
margin-top: 0px;
padding-top:
 0px;
line-height: 149%;
}
#right div.borderwrap
div.box-content .row2 {
background-image: none;
background-color:
transparent;
border: none;
width: 50%;
padding-top: 0px;
margin-top:
 0px;
line-height: 149%;
}

/* Google Chrome and Safari 3.1
*/
body:nth-of-type(1) #right div.borderwrap div.box-content .row1 {
background-image:
 none;
background-color: transparent;
border: none;
width: 50%;
margin-top:
 0px;
padding-top: 0px;
line-height: 150%;
}

/* Google
Chrome and Safari 3.1 */
body:nth-of-type(1) #right div.borderwrap
div.box-content .row2 {
background-image: none;
background-color:
transparent;
border: none;
width: 50%;
padding-top: 0px;
margin-top:
 0px;
line-height: 150%;
}


ولا ننسى نغير صورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
بالصورة
المناسبة


الخطوى
الثانية

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

وتطبيق ما في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]




الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://baytdz.ahlamontada.com
 
كود فتح اخر المواضيع بطريقة رائعة بمجرد مرور الماوس في جميع الصفحات
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيت الجزائر لكل العرب :: 
دعم منتديات أحلى منتدى
 :: :: اكواد انسيابية | css code
-
انتقل الى:  

منتديات بيت الجزائر لكل العرب

↑ Grab this Headline Animator

© phpBB | الحصول على منتدى | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونتك الخاصة