طلب من الخبراء او الزعيم لتعديل كود

من طرف naruto14145 السبت 6 أبريل 2013 - 8:24

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

اليوم وانا بدور على جديد لقيت كود جامد اخر حاجه مش موجود عند حدا ابدا

للمعاينه من هنا http://soper.forumne.com/h3-page

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

ده الكود العادى بتاع الهتمل والله بعد تعب التعديل الى احلى نتدى

المهم انه هناك رابط بيربط الكود بالمداونه الاصليه ولاكن الرابك باللون الاحمر

وانا حبيت اعدل عليه وفعلن علت كده بس مش لاقى المكان اللى احط فيه كود الcssمع الهتمل ارجوكو شوفولى حل

الكود:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="google-site-verification" content="I7kD25nbYuZR-9S1kwRksS9ncPWMfHkiLFI48wWgQpg" /> <meta name="generator" content="WordPress 3.5.1" /> <title> عبداللع الوكيل– تصميم وتطوير مواقع الويب</title> <link rel="pingback" href="عبدالله الوكيل - تصميم وتطوير مواقع الويب" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://weka.lamuntada.com/feed/" /> <link rel="stylesheet" [color=red]href="http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/style.css[/color]" type="text/css" media="screen" /> <link rel="shortcut icon" href="http://www.salahelimam.com/wp-content/themes/SalahElimam2012/favicon.ico" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/js/jquery.bundle.min.js"></script> <script type="text/javascript" src="http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/js/kit.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <script type="text/javascript" src="http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/fancybox/jquery.mousewheel-3.0.4.pack.js"></script> <script type="text/javascript" src="http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/fancybox/jquery.fancybox-1.3.4.pack.js"></script> <link rel="stylesheet" type="text/css" href="http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> <script type="text/javascript"> $(document).ready(function() { $("a#example4").fancybox({ 'opacity' : true, 'overlayShow' : true, 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', }); $("a#example8").fancybox({ 'titlePosition' : 'over' }); }); </script> </head> <body> <div id="backRepet"> <div id="container"> <div id="portfoliowarp" class="FrontAll"> <div id="projects"> <div class="one"> <div class="job"> <a title="" id="example4" href="http://www.salahelimam.com/wp-content/uploads/2011/11/arabAndroidWordpress.png"> <img class="slide" src="http://www.salahelimam.com/wp-content/uploads/2011/11/android.png" alt="Portfolio" width="260" height="160" /> </a> </div> </div> <div class="two"> <div class="job"> <a title="قالب موقع أخبار التطبيقات " id="example4" href="http://www.salahelimam.com/wp-content/uploads/2011/11/arabAppsWordpress.png"> <img class="slide" src="http://www.salahelimam.com/wp-content/uploads/2011/11/arabapps.png" alt="Portfolio" width="260" height="160" /> </a> </div> </div> <div class="three"> <div class="job"> <a title="محرك بحث بهدلة " id="example4" href="http://www.salahelimam.com/wp-content/uploads/2011/11/bhdalHome.png"> <img class="slide" src="http://www.salahelimam.com/wp-content/uploads/2011/11/bhdla.png" alt="Portfolio" width="260" height="160" /> </a> </div> </div> <div class="four"> <div class="job"> <a title="قالب مدونة كليك للتقنية " id="example4" href="http://www.salahelimam.com/wp-content/uploads/2011/11/clickWordpress.png"> <img class="slide" src="http://www.salahelimam.com/wp-content/uploads/2011/11/click1.png" alt="Portfolio" width="260" height="160" /> </a> </div> </div> <div class="five"> <div class="job"> <a title="شعار موقع داونايز" id="example4" href="http://www.salahelimam.com/wp-content/uploads/2011/11/downize.com-logo.png"> <img class="slide" src="http://www.salahelimam.com/wp-content/uploads/2011/11/downize.png" alt="Portfolio" width="260" height="160" /> </a> </div> </div> <div class="six"> <div class="job"> <a title="قالب مدونة غازي " id="example4" href="http://www.salahelimam.com/wp-content/uploads/2011/11/ighazyWordpress.png"> <img class="slide" src="http://www.salahelimam.com/wp-content/uploads/2011/11/ighazy.png" alt="Portfolio" width="260" height="160" /> </a> </div> </div> <div class="seven"> <div class="job"> <a title="قالب موقع الأُسر المُنتجة " id="example4" href="http://www.salahelimam.com/wp-content/uploads/2011/11/OsarWordpress.png"> <img class="slide" src="http://www.salahelimam.com/wp-content/uploads/2011/11/osar.png" alt="Portfolio" width="260" height="160" /> </a> </div> </div> <div class="eight"> <div class="job"> <a title="قالب مجلة شباب ركاز " id="example4" href="http://www.salahelimam.com/wp-content/uploads/2011/11/rekaazBlog.png"> <img class="slide" src="http://www.salahelimam.com/wp-content/uploads/2011/11/rekaaz.png" alt="Portfolio" width="260" height="160" /> </a> </div> </div> <div class="nine"> <div class="job"> <a title="قالب مدونة دكتور ساجد العبدلي" id="example4" href="http://www.salahelimam.com/wp-content/uploads/2011/11/DrSajedWordpress.png"> <img class="slide" src="http://www.salahelimam.com/wp-content/uploads/2011/11/sajed.png" alt="Portfolio" width="260" height="160" /> </a> </div> </div> <div class="ten"> <div class="job"> <a title="قالب مدونة القبعة البيضاء " id="example4" href="http://www.salahelimam.com/wp-content/uploads/2011/11/wh4itWordpress.png"> <img class="slide" src="http://www.salahelimam.com/wp-content/uploads/2011/11/wh4it.png" alt="Portfolio" width="260" height="160" /> </a> </div> </div> </div> <div class="block block-portfoliowarp"></div> <div class="top-nav"> <ul class="nav nav-portfoliowarp"> <li><a class="link-home click" href="#home">البداية</a></li> <li><a class="link-about" href="#about">من انا !</a></li> <li><a class="link-services" href="#services">خدماتى</a></li> <li><a class="link-work selected" href="#portfoliowarp">أعمالى</a></li> <li><a class="link-blog" href="http://weka.lamuntada.com/">المنتدى</a></li> </ul> </div> </div> <div id="home" class="FrontAll"> <div class="block block-home"> <div class="logo">Salah Elimam , Freelancer Web Designer</div> <ul class="nav nav-home"> <li><a class="link-home selected" href="#home">البداية</a></li> <li><a class="link-about" href="#about">من أنا</a></li> <li><a class="link-services" href="#services">خدماتى</a></li> <li><a class="link-work" href="#portfoliowarp">أعمالى</a></li> <li><a class="link-blog" href="http://weka.lamuntada.com/">المنتدى</a></li> </ul> <h1>كم أنا جميلة .. كم أنا أنيقة .. كم أنا مُبهرة .. هكذا تتحدث أعمالي </h1> <h2>أعتبر تصميم موقعى لوحة فنية يطل منها زوارى على ما يحتوية ومن هنا يأخذ الزائر إنطابعة الأول عن موقعى سواء كان إنطابعاً إيجابياً ويبقى بموقعى اطول فتره ممكنة حتى يحصل على مايريده أو سلبياً وحينها يقرر الإنتقال إلى موقع أخر , لذلك أراعى الأسس والمعايير الفنية من ألوان وصور وخطوط فى تصميم المواقع وفى نفس الوقت أراعى الأسس والمعايير القياسية العالمية لبرمجة صفحات الموقع حتى يتم تحميلة سريعاً لراحة الزائر وأيضاً لتخفيف الحمل على الخادم المستضيف للموقع وتقليل إستهلاك موارده , والأن يمكنك تصفح اعمالى ورؤية كيف يمكننى تحويل موقعك إلى لوحة فنية رائعة </h2> </div> <div id="slider"> <div class="shout"> <a href="http://weka.lamuntada.com/"> <img class="unitPng" src="http://im38.gulfup.com/NrRyW.gif" alt="قريباً خدمات تطوير تطبيقات الأيفون والأيباد " width="480" height="295" /> </a> <a href="http://weka.lamuntada.com/"> <img class="unitPng" src="http://www.salahelimam.com/wp-content/uploads/2011/11/slide1.png" alt="قريباً خدمات تطوير تطبيقات الأيفون والأيباد " width="460" height="285" /> </a> <a href="http://weka.lamuntada.com/"> <img class="unitPng" src="http://www.salahelimam.com/wp-content/uploads/2011/11/wordpress.png" alt="" width="460" height="285" /> </a> <a href="http://weka.lamuntada.com/"> <img class="unitPng" src="http://www.salahelimam.com/wp-content/uploads/2011/11/slide1.png" alt="قريباً خدمات تطوير تطبيقات الأيفون والأيباد " width="460" height="285" /> </a> </div> </div> </div> <div id="about" class="FrontAll"> <div class="block block-about"> <ul class="nav nav-about"> <li><a class="link-home click" href="#home">البداية</a></li> <li><a class="link-about selected" href="#about">من أنا</a></li> <li><a class="link-services" href="#services">خدماتى</a></li> <li><a class="link-work" href="#portfoliowarp">أعمالى</a></li> <li><a class="link-blog" href="http://www.salahelimam.com/salah/">المدونة</a></li> </ul> <div id="aboutSalah"> <p>عبدالله الوكيل الشهير بـــ{naruto14145} من مواليد 1 من شهر يناير 1993 , مصرى وأفتخر ( مسلم والحمد لله ) , أدرس إدارة ونظم معلومات باكاديمية الدلتا للعلوم والتكنولوجيا وأقيم بالمنوفيه . <br /><br /> أهوى الرسم والقراءة ومشاهدة الأفلام الوثائقية وخاصةً التى تتحدث عن الشركات والمشاريع الناجحة , مهتم بالتقنية . أقضى معظم وقتى على الكمبيوتر , أتابع بعض المواقع والمدونات العربية والأجنبية التى تهتم بأمور التقنية وخاصة تقنية تصميم وتطوير المواقع . <br /><br /> أعمل مصمم ومطور مواقع , عملت بشركات عديدة لكنى فضلت العمل الحر وليس لى إرتباط بأى شركة رسمية الأن , وحصلت على شهادة Adobe Certified Associate فى الإتصالات البصرية بإستخدام Adobe Photoshop CS3 .</p> </div> <div id="salahSkills"> <h2>متفرقات من مهاراتي وأسلوبي</h2> <ul> <li>تقدير وقت العميل</li> <li>تقدير طبيعة محتوي العمل</li> <li>تخطيط العمل بالورقة والقلم</li> <li>خبرة في تناسق الألوان</li> <li>إستخدام خطوط متناسقة</li> <li>الإهتمام بقابلية الإستخدام</li> <li>كتابة الكود يدوي</li> <li>كود نظيف مطابق للمعايير</li> <li>توافق مع كافة المتصفحات الحديثة</li> <li>الإهتمام بصداقة محركات البحث</li> <li>تقليل إستخدام الصور في التصميم</li> <li>متابعة ودعم العمل من وقت لأخر</li> </ul> </div> <div id="aboutMore"> <div class="introToServices"> <h2 class="servicesIcon">خدماتي في التصميم والتطوير</h2> <ul> <li>المواقع الشخصية</li> <li>المواقع التجارية</li> <li> إستايلات المنتديات</li> <li> وتطوير المدونات</li> <li>مجلات إدارة المحتوي</li> <li>خدمات التقطيع والتكويد</li> <li>تطوير وتطويع ووردبريس</li> <li>البرمجيات الخاصة</li> <li>تصميم الشعارات</li> <li>تصميم المطبوعات</li> </ul> <a href="http://weka.lamuntada.com/" class="moreAboutServ">المزيد عن الخدمات</a> <a href="http://weka.lamuntada.com/" class="moreAboutServ">إطلب خدمة</a> <a href="http://weka.lamuntada.com/" class="moreAboutServ">أعمالى</a> </div> <div class="introToServices"> <h2 class="blogIcon">ولدى منتدى أتحدث فيها عن</h2> <ul> <li class="cat-item cat-item-13"><a href="http://weka.lamuntada.com/" title="شاهد جميع التدوينات داخل تصنيف web 2.0">web 2.0</a> </li> <li class="cat-item cat-item-1"><a href="http://weka.lamuntada.com/c13-category" title="الخدمه المدفوعة">أخبار وتحديثات</a> </li> <li class="cat-item cat-item-18"><a href="http://weka.lamuntada.com/c7-category" title="أعمال مجانية "></a> </li> <li class="cat-item cat-item-8"><a href="http://weka.lamuntada.com/c10-category" title="احدث ادوات وتقنيات تصميم وتطوير المواقع">ونتديات احلى منتدى</a> </li> <li class="cat-item cat-item-7"><a href="http://weka.lamuntada.com/c12-category" title="مواضيع عامه ">عام</a> </li> <li class="cat-item cat-item-90"><a href="http://weka.lamuntada.com/f162-montada" title="شاهد جميع التدوينات في تصنيف قوالب مجانية">قوالب مجانية</a> </li> <li class="cat-item cat-item-37"><a href="http://weka.lamuntada.com/c8-category" title="تطوير ">الــVB</a> </li> <li class="cat-item cat-item-36"><a href="http://weka.lamuntada.com/t1822-topic#3367" title="بعض المقالات التى تهم المصممين">مقالات مصمم</a> </li> <li class="cat-item cat-item-16"><a href="http://weka.lamuntada.com/f20-montada" title="يتناول هذا التصنيف مجموعة من المواقع المفيدة وخدمات مميزة ">مواقع وخدمات</a> </li> <li class="cat-item cat-item-12"><a href="http://weka.lamuntada.com/f167-montada" title="استراحة "> الاعضاء </a> </li> </ul> <a href="http://weka.lamuntada.com/c17-category" class="moreAboutServ">اعلانات واشهار المنتديات</a> <a href="http://weka.lamuntada.com/" class="moreAboutServ">زياره المنتدى </a> </div> <div class="introToServices"> <h2 class="postsIcon">أحدث المقالات بمدونتي</h2> <div id="MorePosts"> <div class="mpost"> <a href="http://www.salahelimam.com/2012/12/liomagazine-%d8%a3%d9%88%d9%84-%d9%85%d9%8f%d9%86%d8%aa%d8%ac%d8%a7%d8%aa-%d8%b4%d8%b1%d9%83%d8%a9-%d9%84%d9%8a%d9%88-%d8%a3%d9%8a-%d8%aa%d9%8a-lioit-%d8%a8%d9%80-themeforest/" title="LioMagazine أول مُنتجات شركة ليو أي تي ” LioIT ” بـ Themeforest .."><img width="150" height="115" src="http://www.salahelimam.com/wp-content/uploads/2012/12/lioMagazineThumb.png" class="attachment-post-thumbnail wp-post-image" alt="lioMagazineThumb" /></a> <a href="http://www.salahelimam.com/2012/12/liomagazine-%d8%a3%d9%88%d9%84-%d9%85%d9%8f%d9%86%d8%aa%d8%ac%d8%a7%d8%aa-%d8%b4%d8%b1%d9%83%d8%a9-%d9%84%d9%8a%d9%88-%d8%a3%d9%8a-%d8%aa%d9%8a-lioit-%d8%a8%d9%80-themeforest/"><h1>LioMagazine أول مُنتجات شركة ليو...</h1></a> </div> <div class="mpost"> <a href="http://weka.lamuntada.com/f143-montada" title="مجموعة أعمال جديدة لسكربت ووردبريس .."><img width="150" height="115" src="http://www.salahelimam.com/wp-content/uploads/2012/05/salahLogo.png" class="attachment-post-thumbnail wp-post-image" alt="salahLogo" /></a> <a href="http://weka.lamuntada.com/f143-montada"><h1>مجموعة أعمال جديدة لسكربت ووردبريس...</h1></a> </div> <div class="mpost"> <a href="http://weka.lamuntada.com/" title="ألوان الويب النسخة الثالثة قالب إدارة محتوي مجاني للوردبريس"><img width="150" height="115" src="http://www.salahelimam.com/wp-content/uploads/2012/02/smallThumb.png" class="attachment-post-thumbnail wp-post-image" alt="smallThumb" /></a> <a href="http://weka.lamuntada.com/"><h1>ألوان الويب النسخة الثالثة قالب...</h1></a> </div> </div> </div> </div> </div> </div> <div id="services" class="FrontAll"> <div class="block block-services"> <ul class="nav nav-services"> <li><a class="link-home click" href="#home">البداية</a></li> <li><a class="link-about" href="#about">من أنا</a></li> <li><a class="link-services selected" href="#services">خدماتى</a></li> <li><a class="link-work" href="#portfoliowarp">أعمالى</a></li> <li><a class="link-blog" href="http://weka.lamuntada.com/">المنتدى</a></li> </ul> <div id="moreServices"> <div class="ServicesWidget fadeThis"> <h1 class="ServiceTitle">طلب انشاء منتدى مجانى بالتوميلات مدى الحياه</h1> <div class="ServiceThumb"> <img src="http://www.salahelimam.com/wp-content/uploads/2011/11/serv.png" alt="" title="" width="290px" height="90px" /> </div> <div class="ServiceContent"> <p>طلب انشاء منتدى؛مفعل بالتوميلات مدى الحياه ومجانى ن خدمتنا المجاني اطلب الان العرض فتوح لكل الاعضاء مقالاتك .. </p> <a class="ReqService" href="http://weka.lamuntada.com/f199-montada">طلب الخدمة</a> </div> </div> <div class="ServicesWidget"> <h1 class="ServiceTitle">مجلات إدارة المحتوي</h1> <div class="ServiceThumb"> <img src="http://www.salahelimam.com/wp-content/uploads/2011/11/serv.png" alt="" title="" width="290px" height="90px" /> </div> <div class="ServiceContent"> <p>بناء مواقع إدارة محتوي متقدمة بإستخدام سكربت ووردبريس الشهير والذي أصبح الرائد في إدارة محتوي المواقع الإلكترونية مهما كان تخصصها هو الحل الأمثل لموقعك فالووردبريس تجمع بين القوة والمرونة في التعامل وأيضاً صداقة محركات البحث .. </p> <a class="ReqService" href="http://weka.lamuntada.com/f165-montada">طلب الخدمة</a> </div> </div> <div class="ServicesWidget"> <h1 class="ServiceTitle">واجهات وإستايلات المنتديات</h1> <div class="ServiceThumb"> <img src="http://www.salahelimam.com/wp-content/uploads/2011/11/serv.png" alt="" title="" width="290px" height="90px" /> </div> <div class="ServiceContent"> <p>من كثرة منتديات الحوار في الفترة الحالية ظهرت طرق عرض كثيرة جداً للمنتديات تختلف من منتدي لأخر أغلبها يكون بشكل جمالي كبير ولكن يغفل الكثير الإهتمام بقابلية إستخدام المنتدي وهنا أجمع بين تجربة المستخدم وقابلية الإستخدام </p> <a class="ReqService" href="http://weka.lamuntada.com/f162-montada">طلب الخدمة</a> </div> </div> <div class="ServicesWidget"> <h1 class="ServiceTitle">دعم واستضافة المواقع </h1> <div class="ServiceThumb"> <img src="http://www.salahelimam.com/wp-content/uploads/2011/11/serv.png" alt="" title="" width="290px" height="90px" /> </div> <div class="ServiceContent"> <p>إن كنت تقدم خدمات أو منتجات ولا تعرف كيف تعرض خدماتك أو أعمالك علي الأنترنت ؟ فأنا هنا من أجلك ومن اجل تصميم موقعك كاملاً من الصفر حتي إدخال محتواه بشكل مبدئي لتبدأ بعرض منتجاتك او خدماتك وتعرض أعمالك للجمهور .. </p> <a class="ReqService" href="http://weka.lamuntada.com/f139-montada">طلب الخدمة</a> </div> </div> <div class="ServicesWidget"> <h1 class="ServiceTitle">طلب اى تصميم </h1> <div class="ServiceThumb"> <img src="http://www.salahelimam.com/wp-content/uploads/2011/11/serv.png" alt="" title="" width="290px" height="90px" /> </div> <div class="ServiceContent"> <p>يعتقد الكثيرون أن البرمجيات الخاصة سيئة المظهر دائماً وهذا مفهوم خاطئ لأن المُبرمج يعمل علي إخراج برمجية تفي بالغرض المطلوب وتخرج بشكل قوي ومرن , ولكن مايظهر نقاط القوة في هذه البرمجة هو التصميم الخاص بها ..</p> <a class="ReqService" href="http://weka.lamuntada.com/f149-montada">طلب الخدمة</a> </div> </div> <div class="ServicesWidget"> <h1 class="ServiceTitle">اكواد الHTML </h1> <div class="ServiceThumb"> <img src="http://www.salahelimam.com/wp-content/uploads/2011/11/serv.png" alt="" title="" width="290px" height="90px" /> </div> <div class="ServiceContent"> <p>هوية الشركة او الموقع هى ماتميزها بجانب تميزها فى مجالها التى تعمل فيه وهنا جيع اكواد الهتميل , وتتمثل هذة الهوية فى شعارها لذلك يجب عليك كصاحب شركة الإهتمام بكل كبيرة وصغيرة فى هوية شركتك . فأترك لى تحقيق ماتتمنى أن ترى هوية شركتة فية .</p> <a class="ReqService" href="http://weka.lamuntada.com/f23-montada">طلب الخدمة</a> </div> </div> </div> </div> <div id="latest-twitt"> </div> </div> </div> </div> <script type="text/javascript" src="http://www.salahelimam.com/wp-content/themes/SalahElimam2012/js/border.js"></script> </body> </html>

وده كود الcssبعد التعديل على روابط الصور كلها

والتقصير

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

هذا هو الكود

الكود:: } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } :focus { outline:0; } ins { text-decoration:none; } del { text-decoration:line-through; } table { border-collapse:collapse; border-spacing:0; } body { line-height:1; color:#285b74; background: #e3f6fa url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-bodyd.jpg) repeat-x top; } body a { text-decoration:none; } body a:visited { text-decoration:none; } #backRepet { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/backgroundBottomRepet.png) repeat-x bottom; } #container { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/home_top_bg.png) repeat-x right top; } #Sooncontainer { background: url(none); } #Soon { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/Soon.png) no-repeat; height: 512px; width: 620px; margin-top: 100px; margin-right: auto; margin-left: auto; overflow: hidden; } input, textarea { color:#999; } .white { color:#fff; } #about p, #about ul { } #services p { } p { margin-bottom:20px; } .FrontAll { width:100%; } .block { width:940px; margin:0 auto; position:relative; height:1000px; } .top-nav { width:750px; position:absolute; left:50%; margin-left:-355px; bottom:200px; z-index: 999; } .top-nav .nav a { height:63px; width: 138px; display:block; border:none; font: bold 16px/63px Arial, Helvetica, sans-serif; text-decoration: none; color: #1da8ca; text-align: center; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/navcloud.png) no-repeat; } .top-nav .nav a:hover { height:63px; width: 138px; display:block; border:none; font: bold 16px/63px Arial, Helvetica, sans-serif; text-decoration: none; color: #1da8ca; text-align: center; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/hovera.png) no-repeat; } .top-nav .nav a.selected { height:63px; width: 138px; display:block; border:none; font: bold 16px/63px Arial, Helvetica, sans-serif; text-decoration: none; color: #1da8ca; text-align: center; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/hovera.png) no-repeat; } .nav { position:absolute; top:50px; left:0; z-index: 999; list-style-type:none; } .nav li { float:right; margin-left:10px; } .nav a { height:36px; width: 90px; display:block; border:none; font: bold 16px/35px Arial, Helvetica, sans-serif; text-decoration: none; color: #fff; text-align: center; background: url(images/navliA.png); } .nav a:hover { height:36px; width: 90px; display:block; border:none; font: bold 16px/35px Arial, Helvetica, sans-serif; text-decoration: none; color: #e7f2f7; text-shadow:1px 1px 0px #1b3550; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/navActive.png) no-repeat; } .nav a.selected { height:36px; width: 90px; display:block; border:none; font: bold 16px/35px Arial, Helvetica, sans-serif; text-decoration: none; color: #3488a4; text-shadow:1px 1px 0px white; background: url(images/navA.png) no-repeat; } #container #home .block.block-home h1 { color:#5b97b3; text-shadow:1px 1px 0px #b5ddf0; text-align:center; letter-spacing:-1px; margin-bottom:10px; position:absolute; top:200px; width:100%; font: bold normal 25px/35px Arial, Helvetica, sans-serif; } #container #home .block.block-home h2 { color:#fff; text-shadow:0px 1px 1px #8bbcd1; text-align:center; direction:rtl; position:absolute; top:240px; width:100%; font: bold normal 13px/19px Tahoma, Geneva, sans-serif; } h3 { color:#666; font-size:20px; line-height:25px; margin-bottom:30px; } .logo { position:absolute; right:0; top:30px; height:127px; width:122px; text-indent:-9999px; background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/logo.png) no-repeat; } #home { background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-home.png) center top no-repeat; position: relative; } #portfoliowarp { background:url(images/bg-moon.png) left top no-repeat; } .block-space { background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-rocket.png) right bottom no-repeat; } #projects { width:100%; height:900px; overflow:hidden; position:absolute; z-index: 999; left:0; top:0; } #projects .job { width:300px; height:200px; background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-project.png) left top no-repeat; padding:33px 0 0 33px; overflow:visible; position:absolute; } #projects .job a img { width:273px; height:173px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; -webkit-box-shadow: 0 1px 10px #213e50; -moz-box-shadow: 0 1px 10px #213e50; box-shadow: 0 1px 10px #213e50; } #projects .one .job { left:360px; top:670px; } #projects .two .job { left:680px; top:600px; } #projects .three .job { left:1000px; top:630px; } #projects .four .job { left:1350px; top:610px; } #projects .five .job { left:730px; top:810px; } #projects .six .job { left:320px; top:900px; } #projects .seven .job { left:1000px; top:950px; } #projects .eight .job { left:1360px; top:900px; } #projects .nine .job { left:560px; top:980px; } #projects .ten .job { left:1100px; top:800px; } #projects a { border:none; } #projects a:hover { background:none; } .alien1 { position:absolute; left:40px; top:-18px; } .alien2 { position:absolute; left:320px; top:40px; } #slider { width:750px; position:absolute; left:50%; margin-left:-261px; bottom:120px; z-index: 999; } .shout { height:490px; } .shout a { border:none; background:none; } .shout a:hover { background:none; } .pager { height:20px; padding-left:130px; } .pager a { height:11px; width:10px; margin-right:5px; background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-pager.png) -10px 0; border:none; text-indent:-9999px; display:block; float:left; } .pager a:hover, .pager a.activeSlide { background-position:left top; } #about { } .block-about { width: 1000px; margin-right: auto; margin-left: auto; background-image: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/balloon.png); background-repeat: no-repeat; background-position: right 30%; } .current { background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-current.png) left top no-repeat; position:absolute; left:0; top:0; height:174px; width:272px; z-index: 999; } #aboutSalah { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/salahaboutBg.png) no-repeat; overflow: hidden; height: 316px; width: 686px; position: absolute; left: 0px; top: 79px; direction: rtl; } #aboutSalah p { font: normal 12px/20px Tahoma, Geneva, sans-serif; color: #7ba0b1; text-shadow:1px 1px 0px #ecf9ff; margin-top: 90px; margin-right: 20px; padding: 15px 15px 15px 20px; } #salahSkills { overflow: hidden; width: 670px; position: absolute; left: 0px; top: 400px; direction: rtl; } #salahSkills h2 { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/skills.png) no-repeat right center; padding-right: 42px; font: bold 20px/28px Arial, Helvetica, sans-serif; color: #edfaff; text-shadow:1px 1px 2px #95c2d6; padding-top: 7px; padding-bottom: 5px; } #salahSkills ul { margin: 0px; padding: 10px; font: 12px Tahoma, Geneva, sans-serif; } #salahSkills ul li { float: right; width: 199px; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/skillsli.png) no-repeat; list-style: none; height: 37px; margin-left: 5px; margin-right: 12px; margin-bottom: 7px; text-align: right; text-indent: 25px; display: block; font: normal 12px/30px Tahoma, Geneva, sans-serif; color: #678694; text-shadow:1px 1px 0px #e6f5fb; } #salahSkills ul li:hover { width: 199px; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/skillsliHover.png) no-repeat; list-style: none; height: 37px; text-align: right; text-indent: 25px; display: block; font: normal 12px/30px Tahoma, Geneva, sans-serif; color: #eef8fd; text-shadow:1px 1px 2px #608c9f; } #aboutMore { height: 250px; width: 980px; position: absolute; top: 665px; left: 10px; overflow:hidden; direction: rtl; } .introToServices { float: right; width: 325px; overflow: hidden; } .introToServices h2.servicesIcon { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/skills.png) no-repeat right center; padding-right: 42px; font: bold 20px /28px Arial, Helvetica, sans-serif; color: #edfaff; text-shadow:1px 1px 2px #95c2d6; padding-top: 7px; padding-bottom: 5px; margin-bottom: 10px; } .introToServices h2.blogIcon { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/blogicon.png) no-repeat right center; padding-right: 42px; font: bold 20px /28px Arial, Helvetica, sans-serif; color: #edfaff; text-shadow:1px 1px 2px #95c2d6; padding-top: 7px; padding-bottom: 5px; margin-bottom: 10px; } .introToServices h2.postsIcon { background: url(images/bostsicon.png) no-repeat right center; padding-right: 42px; font: bold 20px /28px Arial, Helvetica, sans-serif; color: #edfaff; text-shadow:1px 1px 2px #95c2d6; padding-top: 7px; padding-bottom: 5px; margin-bottom: 10px; } .introToServices ul { margin: 0px; padding: 5px 0px 0px; } .introToServices ul li { float: right; width: 130px; margin-bottom: 5px; text-align: right; display: block; font: normal 12px Tahoma, Geneva, sans-serif; color: #447991; text-indent: 10px; margin-left: 10px; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/servlist.png) no-repeat right center; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; } .introToServices ul li a { font: normal 12px Tahoma, Geneva, sans-serif; color: #447991; } .introToServices ul li a:hover { font: bold 12px Tahoma, Geneva, sans-serif; color: #fff; text-shadow:1px 1px 1px #7499a9; } .introToServices .moreAboutServ { float: right; overflow: hidden; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/liBg.png) repeat-x; display: block; padding: 8px 12px; font: 12px Tahoma, Geneva, sans-serif; text-decoration: none; color: #619bb7; margin-top: 13px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; margin-right: 0px; margin-left: 7px; } .introToServices .moreAboutServ:hover { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/more-hover.png) repeat-x; font: 12px Tahoma, Geneva, sans-serif; text-decoration: none; color: #d0e8f2; } .introToServices #MorePosts { overflow: hidden; padding-top: 3px; } .introToServices #MorePosts .mpost { overflow: hidden; margin-bottom: 5px; padding:5px; background: #eaf4f9; -webkit-box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); -moz-box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); border: 1px solid #9cc6d9; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } .introToServices #MorePosts .mpost:hover { -webkit-box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); -moz-box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); background: #fdebae; border: 1px solid #e6c555; } .introToServices #MorePosts .mpost a img { float: right; height: 40px; width: 40px; margin-left: 8px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } .introToServices #MorePosts .mpost a h1 { font: bold 12px/35px Tahoma, Geneva, sans-serif; text-decoration: none; color: #4d8096; overflow: hidden; display: block; } .introToServices #MorePosts .mpost a h1:hover { text-decoration: none; color: #a17d00; } #services { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/home_bottom_bg.png) no-repeat center bottom; position:relative; } .block-services { width: 1000px; margin-right: auto; margin-left: auto; } #moreServices { width:980px; height:630px; position:absolute; top:120px; } .ServicesWidget { float:right; width:280px; height:260px; direction:rtl; overflow:hidden; padding: 10px; position:relative; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background: #eaf4f9; -webkit-box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); -moz-box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); border: 1px solid #bad9e6; color: #3f7689; margin-top: 15px; margin-right: 20px; margin-bottom: 10px; } .ServicesWidget:hover { -webkit-box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); -moz-box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); background: #fdebae; border: 1px solid #e6c555; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; color: #8f7315; text-shadow:1px 1px 0px #fcedb9; } .ServicesWidget .ServiceTitle { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #333; background-image: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/blogicon.png); background-repeat: no-repeat; background-position: right center; margin-bottom: 10px; padding-top: 5px; padding-right: 40px; padding-bottom: 5px; } .ServicesWidget .ServiceThumb img { -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; -moz-box-shadow: 0px 0px 2px #a3c9d3; -webkit-box-shadow: 0px 0px 2px #a3c9d3; box-shadow: 0px 0px 2px #a3c9d3; margin-bottom: 10px; width:280px; height:80px; margin-right: auto; margin-left: auto; } .ServiceContent p { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: normal; line-height: 19px; text-align:justify; margin-bottom: 10px; } .ReqService { color: #FFFFFF; position:absolute; bottom:10px; left:10px; height: 31px; width: 106px; text-align: center; display: block; background: url(images/req.png) no-repeat; font: bold 12px/30px Tahoma, Geneva, sans-serif; text-shadow:1px 1px 1px #899f5c; }

الرجاء الساعده بسرعة ضرورى جدا جدا

وشكرا

من طرف naruto14145 السبت 6 أبريل 2013 - 9:17

مفيش حد ولا ايه شوهد 40مره

من طرف بيلو20 السبت 6 أبريل 2013 - 9:23

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

بتاع صاحب المنتدى

والصورة الي تبغاها انت

من طرف naruto14145 السبت 6 أبريل 2013 - 9:26

دى الصوره بتاع صاحب المداونه
طلب من الخبراء او الزعيم لتعديل كود Balloon

عاوز احط اى صوره مكنها ش صوره معينه

من طرف بيلو20 السبت 6 أبريل 2013 - 9:29

الكود:: } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } :focus { outline:0; } ins { text-decoration:none; } del { text-decoration:line-through; } table { border-collapse:collapse; border-spacing:0; } body { line-height:1; color:#285b74; background: #e3f6fa url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-bodyd.jpg) repeat-x top; } body a { text-decoration:none; } body a:visited { text-decoration:none; } #backRepet { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/backgroundBottomRepet.png) repeat-x bottom; } #container { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/home_top_bg.png) repeat-x right top; } #Sooncontainer { background: url(none); } #Soon { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/Soon.png) no-repeat; height: 512px; width: 620px; margin-top: 100px; margin-right: auto; margin-left: auto; overflow: hidden; } input, textarea { color:#999; } .white { color:#fff; } #about p, #about ul { } #services p { } p { margin-bottom:20px; } .FrontAll { width:100%; } .block { width:940px; margin:0 auto; position:relative; height:1000px; } .top-nav { width:750px; position:absolute; left:50%; margin-left:-355px; bottom:200px; z-index: 999; } .top-nav .nav a { height:63px; width: 138px; display:block; border:none; font: bold 16px/63px Arial, Helvetica, sans-serif; text-decoration: none; color: #1da8ca; text-align: center; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/navcloud.png) no-repeat; } .top-nav .nav a:hover { height:63px; width: 138px; display:block; border:none; font: bold 16px/63px Arial, Helvetica, sans-serif; text-decoration: none; color: #1da8ca; text-align: center; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/hovera.png) no-repeat; } .top-nav .nav a.selected { height:63px; width: 138px; display:block; border:none; font: bold 16px/63px Arial, Helvetica, sans-serif; text-decoration: none; color: #1da8ca; text-align: center; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/hovera.png) no-repeat; } .nav { position:absolute; top:50px; left:0; z-index: 999; list-style-type:none; } .nav li { float:right; margin-left:10px; } .nav a { height:36px; width: 90px; display:block; border:none; font: bold 16px/35px Arial, Helvetica, sans-serif; text-decoration: none; color: #fff; text-align: center; background: url(images/navliA.png); } .nav a:hover { height:36px; width: 90px; display:block; border:none; font: bold 16px/35px Arial, Helvetica, sans-serif; text-decoration: none; color: #e7f2f7; text-shadow:1px 1px 0px #1b3550; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/navActive.png) no-repeat; } .nav a.selected { height:36px; width: 90px; display:block; border:none; font: bold 16px/35px Arial, Helvetica, sans-serif; text-decoration: none; color: #3488a4; text-shadow:1px 1px 0px white; background: url(images/navA.png) no-repeat; } #container #home .block.block-home h1 { color:#5b97b3; text-shadow:1px 1px 0px #b5ddf0; text-align:center; letter-spacing:-1px; margin-bottom:10px; position:absolute; top:200px; width:100%; font: bold normal 25px/35px Arial, Helvetica, sans-serif; } #container #home .block.block-home h2 { color:#fff; text-shadow:0px 1px 1px #8bbcd1; text-align:center; direction:rtl; position:absolute; top:240px; width:100%; font: bold normal 13px/19px Tahoma, Geneva, sans-serif; } h3 { color:#666; font-size:20px; line-height:25px; margin-bottom:30px; } .logo { position:absolute; right:0; top:30px; height:127px; width:122px; text-indent:-9999px; background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/logo.png) no-repeat; } #home { background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-home.png) center top no-repeat; position: relative; } #portfoliowarp { background:url(images/bg-moon.png) left top no-repeat; } .block-space { background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-rocket.png) right bottom no-repeat; } #projects { width:100%; height:900px; overflow:hidden; position:absolute; z-index: 999; left:0; top:0; } #projects .job { width:300px; height:200px; background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-project.png) left top no-repeat; padding:33px 0 0 33px; overflow:visible; position:absolute; } #projects .job a img { width:273px; height:173px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; -webkit-box-shadow: 0 1px 10px #213e50; -moz-box-shadow: 0 1px 10px #213e50; box-shadow: 0 1px 10px #213e50; } #projects .one .job { left:360px; top:670px; } #projects .two .job { left:680px; top:600px; } #projects .three .job { left:1000px; top:630px; } #projects .four .job { left:1350px; top:610px; } #projects .five .job { left:730px; top:810px; } #projects .six .job { left:320px; top:900px; } #projects .seven .job { left:1000px; top:950px; } #projects .eight .job { left:1360px; top:900px; } #projects .nine .job { left:560px; top:980px; } #projects .ten .job { left:1100px; top:800px; } #projects a { border:none; } #projects a:hover { background:none; } .alien1 { position:absolute; left:40px; top:-18px; } .alien2 { position:absolute; left:320px; top:40px; } #slider { width:750px; position:absolute; left:50%; margin-left:-261px; bottom:120px; z-index: 999; } .shout { height:490px; } .shout a { border:none; background:none; } .shout a:hover { background:none; } .pager { height:20px; padding-left:130px; } .pager a { height:11px; width:10px; margin-right:5px; background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-pager.png) -10px 0; border:none; text-indent:-9999px; display:block; float:left; } .pager a:hover, .pager a.activeSlide { background-position:left top; } #about { } .block-about { width: 1000px; margin-right: auto; margin-left: auto; background-image: url(ضع هنا رابط الصورة الجديدة); background-repeat: no-repeat; background-position: right 30%; } .current { background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-current.png) left top no-repeat; position:absolute; left:0; top:0; height:174px; width:272px; z-index: 999; } #aboutSalah { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/salahaboutBg.png) no-repeat; overflow: hidden; height: 316px; width: 686px; position: absolute; left: 0px; top: 79px; direction: rtl; } #aboutSalah p { font: normal 12px/20px Tahoma, Geneva, sans-serif; color: #7ba0b1; text-shadow:1px 1px 0px #ecf9ff; margin-top: 90px; margin-right: 20px; padding: 15px 15px 15px 20px; } #salahSkills { overflow: hidden; width: 670px; position: absolute; left: 0px; top: 400px; direction: rtl; } #salahSkills h2 { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/skills.png) no-repeat right center; padding-right: 42px; font: bold 20px/28px Arial, Helvetica, sans-serif; color: #edfaff; text-shadow:1px 1px 2px #95c2d6; padding-top: 7px; padding-bottom: 5px; } #salahSkills ul { margin: 0px; padding: 10px; font: 12px Tahoma, Geneva, sans-serif; } #salahSkills ul li { float: right; width: 199px; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/skillsli.png) no-repeat; list-style: none; height: 37px; margin-left: 5px; margin-right: 12px; margin-bottom: 7px; text-align: right; text-indent: 25px; display: block; font: normal 12px/30px Tahoma, Geneva, sans-serif; color: #678694; text-shadow:1px 1px 0px #e6f5fb; } #salahSkills ul li:hover { width: 199px; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/skillsliHover.png) no-repeat; list-style: none; height: 37px; text-align: right; text-indent: 25px; display: block; font: normal 12px/30px Tahoma, Geneva, sans-serif; color: #eef8fd; text-shadow:1px 1px 2px #608c9f; } #aboutMore { height: 250px; width: 980px; position: absolute; top: 665px; left: 10px; overflow:hidden; direction: rtl; } .introToServices { float: right; width: 325px; overflow: hidden; } .introToServices h2.servicesIcon { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/skills.png) no-repeat right center; padding-right: 42px; font: bold 20px /28px Arial, Helvetica, sans-serif; color: #edfaff; text-shadow:1px 1px 2px #95c2d6; padding-top: 7px; padding-bottom: 5px; margin-bottom: 10px; } .introToServices h2.blogIcon { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/blogicon.png) no-repeat right center; padding-right: 42px; font: bold 20px /28px Arial, Helvetica, sans-serif; color: #edfaff; text-shadow:1px 1px 2px #95c2d6; padding-top: 7px; padding-bottom: 5px; margin-bottom: 10px; } .introToServices h2.postsIcon { background: url(images/bostsicon.png) no-repeat right center; padding-right: 42px; font: bold 20px /28px Arial, Helvetica, sans-serif; color: #edfaff; text-shadow:1px 1px 2px #95c2d6; padding-top: 7px; padding-bottom: 5px; margin-bottom: 10px; } .introToServices ul { margin: 0px; padding: 5px 0px 0px; } .introToServices ul li { float: right; width: 130px; margin-bottom: 5px; text-align: right; display: block; font: normal 12px Tahoma, Geneva, sans-serif; color: #447991; text-indent: 10px; margin-left: 10px; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/servlist.png) no-repeat right center; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; } .introToServices ul li a { font: normal 12px Tahoma, Geneva, sans-serif; color: #447991; } .introToServices ul li a:hover { font: bold 12px Tahoma, Geneva, sans-serif; color: #fff; text-shadow:1px 1px 1px #7499a9; } .introToServices .moreAboutServ { float: right; overflow: hidden; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/liBg.png) repeat-x; display: block; padding: 8px 12px; font: 12px Tahoma, Geneva, sans-serif; text-decoration: none; color: #619bb7; margin-top: 13px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; margin-right: 0px; margin-left: 7px; } .introToServices .moreAboutServ:hover { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/more-hover.png) repeat-x; font: 12px Tahoma, Geneva, sans-serif; text-decoration: none; color: #d0e8f2; } .introToServices #MorePosts { overflow: hidden; padding-top: 3px; } .introToServices #MorePosts .mpost { overflow: hidden; margin-bottom: 5px; padding:5px; background: #eaf4f9; -webkit-box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); -moz-box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); border: 1px solid #9cc6d9; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } .introToServices #MorePosts .mpost:hover { -webkit-box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); -moz-box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); background: #fdebae; border: 1px solid #e6c555; } .introToServices #MorePosts .mpost a img { float: right; height: 40px; width: 40px; margin-left: 8px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } .introToServices #MorePosts .mpost a h1 { font: bold 12px/35px Tahoma, Geneva, sans-serif; text-decoration: none; color: #4d8096; overflow: hidden; display: block; } .introToServices #MorePosts .mpost a h1:hover { text-decoration: none; color: #a17d00; } #services { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/home_bottom_bg.png) no-repeat center bottom; position:relative; } .block-services { width: 1000px; margin-right: auto; margin-left: auto; } #moreServices { width:980px; height:630px; position:absolute; top:120px; } .ServicesWidget { float:right; width:280px; height:260px; direction:rtl; overflow:hidden; padding: 10px; position:relative; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background: #eaf4f9; -webkit-box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); -moz-box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); border: 1px solid #bad9e6; color: #3f7689; margin-top: 15px; margin-right: 20px; margin-bottom: 10px; } .ServicesWidget:hover { -webkit-box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); -moz-box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); background: #fdebae; border: 1px solid #e6c555; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; color: #8f7315; text-shadow:1px 1px 0px #fcedb9; } .ServicesWidget .ServiceTitle { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #333; background-image: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/blogicon.png); background-repeat: no-repeat; background-position: right center; margin-bottom: 10px; padding-top: 5px; padding-right: 40px; padding-bottom: 5px; } .ServicesWidget .ServiceThumb img { -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; -moz-box-shadow: 0px 0px 2px #a3c9d3; -webkit-box-shadow: 0px 0px 2px #a3c9d3; box-shadow: 0px 0px 2px #a3c9d3; margin-bottom: 10px; width:280px; height:80px; margin-right: auto; margin-left: auto; } .ServiceContent p { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: normal; line-height: 19px; text-align:justify; margin-bottom: 10px; } .ReqService { color: #FFFFFF; position:absolute; bottom:10px; left:10px; height: 31px; width: 106px; text-align: center; display: block; background: url(images/req.png) no-repeat; font: bold 12px/30px Tahoma, Geneva, sans-serif; text-shadow:1px 1px 1px #899f5c; }

هذا الكود الثاني ابحث عن (ضع هنا رابط الصورة الجديدة )

وغيره بالصورة التي تريدها

من طرف naruto14145 السبت 6 أبريل 2013 - 9:33

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

من طرف بيلو20 السبت 6 أبريل 2013 - 9:36

ارسل لي الصورة الي انت بتحطها وانا بشوف لك حل

من طرف naruto14145 السبت 6 أبريل 2013 - 9:40

اهه

طلب من الخبراء او الزعيم لتعديل كود 201682-54

من طرف بيلو20 السبت 6 أبريل 2013 - 9:44

الكود:: } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } :focus { outline:0; } ins { text-decoration:none; } del { text-decoration:line-through; } table { border-collapse:collapse; border-spacing:0; } body { line-height:1; color:#285b74; background: #e3f6fa url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-bodyd.jpg) repeat-x top; } body a { text-decoration:none; } body a:visited { text-decoration:none; } #backRepet { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/backgroundBottomRepet.png) repeat-x bottom; } #container { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/home_top_bg.png) repeat-x right top; } #Sooncontainer { background: url(none); } #Soon { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/Soon.png) no-repeat; height: 512px; width: 620px; margin-top: 100px; margin-right: auto; margin-left: auto; overflow: hidden; } input, textarea { color:#999; } .white { color:#fff; } #about p, #about ul { } #services p { } p { margin-bottom:20px; } .FrontAll { width:100%; } .block { width:940px; margin:0 auto; position:relative; height:1000px; } .top-nav { width:750px; position:absolute; left:50%; margin-left:-355px; bottom:200px; z-index: 999; } .top-nav .nav a { height:63px; width: 138px; display:block; border:none; font: bold 16px/63px Arial, Helvetica, sans-serif; text-decoration: none; color: #1da8ca; text-align: center; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/navcloud.png) no-repeat; } .top-nav .nav a:hover { height:63px; width: 138px; display:block; border:none; font: bold 16px/63px Arial, Helvetica, sans-serif; text-decoration: none; color: #1da8ca; text-align: center; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/hovera.png) no-repeat; } .top-nav .nav a.selected { height:63px; width: 138px; display:block; border:none; font: bold 16px/63px Arial, Helvetica, sans-serif; text-decoration: none; color: #1da8ca; text-align: center; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/hovera.png) no-repeat; } .nav { position:absolute; top:50px; left:0; z-index: 999; list-style-type:none; } .nav li { float:right; margin-left:10px; } .nav a { height:36px; width: 90px; display:block; border:none; font: bold 16px/35px Arial, Helvetica, sans-serif; text-decoration: none; color: #fff; text-align: center; background: url(images/navliA.png); } .nav a:hover { height:36px; width: 90px; display:block; border:none; font: bold 16px/35px Arial, Helvetica, sans-serif; text-decoration: none; color: #e7f2f7; text-shadow:1px 1px 0px #1b3550; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/navActive.png) no-repeat; } .nav a.selected { height:36px; width: 90px; display:block; border:none; font: bold 16px/35px Arial, Helvetica, sans-serif; text-decoration: none; color: #3488a4; text-shadow:1px 1px 0px white; background: url(images/navA.png) no-repeat; } #container #home .block.block-home h1 { color:#5b97b3; text-shadow:1px 1px 0px #b5ddf0; text-align:center; letter-spacing:-1px; margin-bottom:10px; position:absolute; top:200px; width:100%; font: bold normal 25px/35px Arial, Helvetica, sans-serif; } #container #home .block.block-home h2 { color:#fff; text-shadow:0px 1px 1px #8bbcd1; text-align:center; direction:rtl; position:absolute; top:240px; width:100%; font: bold normal 13px/19px Tahoma, Geneva, sans-serif; } h3 { color:#666; font-size:20px; line-height:25px; margin-bottom:30px; } .logo { position:absolute; right:0; top:30px; height:127px; width:122px; text-indent:-9999px; background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/logo.png) no-repeat; } #home { background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-home.png) center top no-repeat; position: relative; } #portfoliowarp { background:url(images/bg-moon.png) left top no-repeat; } .block-space { background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-rocket.png) right bottom no-repeat; } #projects { width:100%; height:900px; overflow:hidden; position:absolute; z-index: 999; left:0; top:0; } #projects .job { width:300px; height:200px; background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-project.png) left top no-repeat; padding:33px 0 0 33px; overflow:visible; position:absolute; } #projects .job a img { width:273px; height:173px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; -webkit-box-shadow: 0 1px 10px #213e50; -moz-box-shadow: 0 1px 10px #213e50; box-shadow: 0 1px 10px #213e50; } #projects .one .job { left:360px; top:670px; } #projects .two .job { left:680px; top:600px; } #projects .three .job { left:1000px; top:630px; } #projects .four .job { left:1350px; top:610px; } #projects .five .job { left:730px; top:810px; } #projects .six .job { left:320px; top:900px; } #projects .seven .job { left:1000px; top:950px; } #projects .eight .job { left:1360px; top:900px; } #projects .nine .job { left:560px; top:980px; } #projects .ten .job { left:1100px; top:800px; } #projects a { border:none; } #projects a:hover { background:none; } .alien1 { position:absolute; left:40px; top:-18px; } .alien2 { position:absolute; left:320px; top:40px; } #slider { width:750px; position:absolute; left:50%; margin-left:-261px; bottom:120px; z-index: 999; } .shout { height:490px; } .shout a { border:none; background:none; } .shout a:hover { background:none; } .pager { height:20px; padding-left:130px; } .pager a { height:11px; width:10px; margin-right:5px; background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-pager.png) -10px 0; border:none; text-indent:-9999px; display:block; float:left; } .pager a:hover, .pager a.activeSlide { background-position:left top; } #about { } .block-about { width: 1000px; margin-right: auto; margin-left: auto; background-image: url(http://r18.imgfast.net/users/1811/68/54/94/avatars/201682-54.jpg); background-repeat: no-repeat; background-position: right 30%; } .current { background:url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/bg-current.png) left top no-repeat; position:absolute; left:0; top:0; height:174px; width:272px; z-index: 999; } #aboutSalah { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/salahaboutBg.png) no-repeat; overflow: hidden; height: 316px; width: 686px; position: absolute; left: 0px; top: 79px; direction: rtl; } #aboutSalah p { font: normal 12px/20px Tahoma, Geneva, sans-serif; color: #7ba0b1; text-shadow:1px 1px 0px #ecf9ff; margin-top: 90px; margin-right: 20px; padding: 15px 15px 15px 20px; } #salahSkills { overflow: hidden; width: 670px; position: absolute; left: 0px; top: 400px; direction: rtl; } #salahSkills h2 { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/skills.png) no-repeat right center; padding-right: 42px; font: bold 20px/28px Arial, Helvetica, sans-serif; color: #edfaff; text-shadow:1px 1px 2px #95c2d6; padding-top: 7px; padding-bottom: 5px; } #salahSkills ul { margin: 0px; padding: 10px; font: 12px Tahoma, Geneva, sans-serif; } #salahSkills ul li { float: right; width: 199px; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/skillsli.png) no-repeat; list-style: none; height: 37px; margin-left: 5px; margin-right: 12px; margin-bottom: 7px; text-align: right; text-indent: 25px; display: block; font: normal 12px/30px Tahoma, Geneva, sans-serif; color: #678694; text-shadow:1px 1px 0px #e6f5fb; } #salahSkills ul li:hover { width: 199px; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/skillsliHover.png) no-repeat; list-style: none; height: 37px; text-align: right; text-indent: 25px; display: block; font: normal 12px/30px Tahoma, Geneva, sans-serif; color: #eef8fd; text-shadow:1px 1px 2px #608c9f; } #aboutMore { height: 250px; width: 980px; position: absolute; top: 665px; left: 10px; overflow:hidden; direction: rtl; } .introToServices { float: right; width: 325px; overflow: hidden; } .introToServices h2.servicesIcon { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/skills.png) no-repeat right center; padding-right: 42px; font: bold 20px /28px Arial, Helvetica, sans-serif; color: #edfaff; text-shadow:1px 1px 2px #95c2d6; padding-top: 7px; padding-bottom: 5px; margin-bottom: 10px; } .introToServices h2.blogIcon { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/blogicon.png) no-repeat right center; padding-right: 42px; font: bold 20px /28px Arial, Helvetica, sans-serif; color: #edfaff; text-shadow:1px 1px 2px #95c2d6; padding-top: 7px; padding-bottom: 5px; margin-bottom: 10px; } .introToServices h2.postsIcon { background: url(images/bostsicon.png) no-repeat right center; padding-right: 42px; font: bold 20px /28px Arial, Helvetica, sans-serif; color: #edfaff; text-shadow:1px 1px 2px #95c2d6; padding-top: 7px; padding-bottom: 5px; margin-bottom: 10px; } .introToServices ul { margin: 0px; padding: 5px 0px 0px; } .introToServices ul li { float: right; width: 130px; margin-bottom: 5px; text-align: right; display: block; font: normal 12px Tahoma, Geneva, sans-serif; color: #447991; text-indent: 10px; margin-left: 10px; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/servlist.png) no-repeat right center; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; } .introToServices ul li a { font: normal 12px Tahoma, Geneva, sans-serif; color: #447991; } .introToServices ul li a:hover { font: bold 12px Tahoma, Geneva, sans-serif; color: #fff; text-shadow:1px 1px 1px #7499a9; } .introToServices .moreAboutServ { float: right; overflow: hidden; background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/liBg.png) repeat-x; display: block; padding: 8px 12px; font: 12px Tahoma, Geneva, sans-serif; text-decoration: none; color: #619bb7; margin-top: 13px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; margin-right: 0px; margin-left: 7px; } .introToServices .moreAboutServ:hover { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/more-hover.png) repeat-x; font: 12px Tahoma, Geneva, sans-serif; text-decoration: none; color: #d0e8f2; } .introToServices #MorePosts { overflow: hidden; padding-top: 3px; } .introToServices #MorePosts .mpost { overflow: hidden; margin-bottom: 5px; padding:5px; background: #eaf4f9; -webkit-box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); -moz-box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); border: 1px solid #9cc6d9; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } .introToServices #MorePosts .mpost:hover { -webkit-box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); -moz-box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); background: #fdebae; border: 1px solid #e6c555; } .introToServices #MorePosts .mpost a img { float: right; height: 40px; width: 40px; margin-left: 8px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } .introToServices #MorePosts .mpost a h1 { font: bold 12px/35px Tahoma, Geneva, sans-serif; text-decoration: none; color: #4d8096; overflow: hidden; display: block; } .introToServices #MorePosts .mpost a h1:hover { text-decoration: none; color: #a17d00; } #services { background: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/home_bottom_bg.png) no-repeat center bottom; position:relative; } .block-services { width: 1000px; margin-right: auto; margin-left: auto; } #moreServices { width:980px; height:630px; position:absolute; top:120px; } .ServicesWidget { float:right; width:280px; height:260px; direction:rtl; overflow:hidden; padding: 10px; position:relative; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background: #eaf4f9; -webkit-box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); -moz-box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); box-shadow: 0 0 1px rgba(143,189,214,0.2), inset 0 0 15px rgba(143,189,214,0.5); border: 1px solid #bad9e6; color: #3f7689; margin-top: 15px; margin-right: 20px; margin-bottom: 10px; } .ServicesWidget:hover { -webkit-box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); -moz-box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); box-shadow: 0 0 2px rgba(255,243,203,0.5), inset 0 0 15px rgba(234,210,129,0.7); background: #fdebae; border: 1px solid #e6c555; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; color: #8f7315; text-shadow:1px 1px 0px #fcedb9; } .ServicesWidget .ServiceTitle { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #333; background-image: url(http://www.salahelimam.com/wp-content/themes/SalahElimam2012/home/images/blogicon.png); background-repeat: no-repeat; background-position: right center; margin-bottom: 10px; padding-top: 5px; padding-right: 40px; padding-bottom: 5px; } .ServicesWidget .ServiceThumb img { -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; -moz-box-shadow: 0px 0px 2px #a3c9d3; -webkit-box-shadow: 0px 0px 2px #a3c9d3; box-shadow: 0px 0px 2px #a3c9d3; margin-bottom: 10px; width:280px; height:80px; margin-right: auto; margin-left: auto; } .ServiceContent p { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: normal; line-height: 19px; text-align:justify; margin-bottom: 10px; } .ReqService { color: #FFFFFF; position:absolute; bottom:10px; left:10px; height: 31px; width: 106px; text-align: center; display: block; background: url(images/req.png) no-repeat; font: bold 12px/30px Tahoma, Geneva, sans-serif; text-shadow:1px 1px 1px #899f5c; }