طلب كود

3 مشترك

اذهب الى الأسفل

طلب كود Empty طلب كود

مُساهمة من طرف لؤي03 الثلاثاء 19 يناير 2016 - 14:32

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

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

ممكن الكود اللي يخلي صور محددة تلف عند مرور الماوس عليها زي منتدى الابداع
http://www.ibda3araby.com/forum

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

هذا منتداي واريد فقط الصورة التي في التشكيلات العامة
http://bank.ahlamontada.com/

وشـكـراً .
لؤي03
لؤي03
 
 

ذكر
عدد المساهمات : 321
معدل النشاط : 3871
السُمعة : 3

http://bank.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود Empty رد: طلب كود

مُساهمة من طرف stones الثلاثاء 19 يناير 2016 - 14:50

وعليكم من السلام
جرب هذا
الكود:
   img:hover{
    transition: all 0.8s ease-in-out;
    -moz-transform: rotate(360deg);
    box-shadow: 0 0px 20px #000;
    border-radius: 200%;
    

في ورقةcss
stones
stones
 
 

ذكر
عدد المساهمات : 7462
معدل النشاط : 16437
السُمعة : 414

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود Empty رد: طلب كود

مُساهمة من طرف لؤي03 الثلاثاء 19 يناير 2016 - 14:55

تم العثور على خلل
لقد قمنا بإيجاد عدد مختلف من "{" و "}". هذا يعني أن CSS الخاص بك قد لا يعمل و لن يظهر بشكل لائق في منتداك.

ننصحك بمراجعة الكود المستعمل.
لؤي03
لؤي03
 
 

ذكر
عدد المساهمات : 321
معدل النشاط : 3871
السُمعة : 3

http://bank.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود Empty رد: طلب كود

مُساهمة من طرف لؤي03 الثلاثاء 19 يناير 2016 - 14:57

ان الكود يعمل بنجاح لكنه كود عند مرور الماوس يجعل الصورة تصبح دائرية اي انه ليس طلبي
لؤي03
لؤي03
 
 

ذكر
عدد المساهمات : 321
معدل النشاط : 3871
السُمعة : 3

http://bank.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود Empty رد: طلب كود

مُساهمة من طرف لؤي03 الثلاثاء 19 يناير 2016 - 16:40

>
لؤي03
لؤي03
 
 

ذكر
عدد المساهمات : 321
معدل النشاط : 3871
السُمعة : 3

http://bank.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود Empty رد: طلب كود

مُساهمة من طرف JoryAbdallah الثلاثاء 19 يناير 2016 - 16:44

اهلا اخي الكود ﻻبد ان يصاغ حسب ماتريدة
بمعني هل تريدة css بالورقة للعمل على كافة الصور بمنتداك
ام تريدة مثل ماوضحت بالمثال قالب كامل كمدخل لمنتداك
JoryAbdallah
JoryAbdallah
 
 

انثى
عدد المساهمات : 3029
معدل النشاط : 8426
السُمعة : 295

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود Empty رد: طلب كود

مُساهمة من طرف لؤي03 الثلاثاء 19 يناير 2016 - 17:10

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

واريدها تلف مو تصبح دائرية كما اعطاني الاخ stones

الصور محددة في منتداي ورابطه في البيانات
لؤي03
لؤي03
 
 

ذكر
عدد المساهمات : 321
معدل النشاط : 3871
السُمعة : 3

http://bank.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود Empty رد: طلب كود

مُساهمة من طرف JoryAbdallah الثلاثاء 19 يناير 2016 - 19:43

الكود:
<style>#social img {-moz-transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}#social img:hover {-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}.comments .comments-content .icon.blog-author{position:absolute;top:-1px;right:-12px;margin:0;background-image: url(http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/keditbookmarks.png);width:36px;height:36px}.CSS_LIGHTBOX_BG_MASK{background-color:#990000 !important;opacity: 0.8 !important;}.post img {max-width:95% !important;}</style><br /><center><div id="social"><a href="http://feeds.feedburner.com/feedburnerurl" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=feedburnerurl&amp;loc=en_US" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="http://4.bp.blogspot.com/-1BWe2ZnJHas/UA6_hrD6_GI/AAAAAAAAH80/exs4JwDuyhY/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a><a href="http://facebook.com/fbpageurl" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a><a href="http://twitter.com/twitterurl" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a><a href="https://plus.google.com/googleplusurl" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a><a href="http://pinterest.com/pinteresturl/" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="http://4.bp.blogspot.com/-uSSbLLRLSIE/UA6_fTHiLrI/AAAAAAAAH8k/OxlFAJozvX8/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a></div></center> 

يوضع بالتشكيلات العامة
JoryAbdallah
JoryAbdallah
 
 

انثى
عدد المساهمات : 3029
معدل النشاط : 8426
السُمعة : 295

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود Empty رد: طلب كود

مُساهمة من طرف لؤي03 الأربعاء 20 يناير 2016 - 4:23

JAR7 كتب:
الكود:
<style>#social img {-moz-transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}#social img:hover {-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}.comments .comments-content .icon.blog-author{position:absolute;top:-1px;right:-12px;margin:0;background-image: url(http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/keditbookmarks.png);width:36px;height:36px}.CSS_LIGHTBOX_BG_MASK{background-color:#990000 !important;opacity: 0.8 !important;}.post img {max-width:95% !important;}</style><br /><center><div id="social"><a href="http://feeds.feedburner.com/feedburnerurl" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=feedburnerurl&loc=en_US" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="http://4.bp.blogspot.com/-1BWe2ZnJHas/UA6_hrD6_GI/AAAAAAAAH80/exs4JwDuyhY/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a><a href="http://facebook.com/fbpageurl" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a><a href="http://twitter.com/twitterurl" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a><a href="https://plus.google.com/googleplusurl" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a><a href="http://pinterest.com/pinteresturl/" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="http://4.bp.blogspot.com/-uSSbLLRLSIE/UA6_fTHiLrI/AAAAAAAAH8k/OxlFAJozvX8/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a></div></center> 

يوضع بالتشكيلات العامة

الكود يعمل لكن بس 1 اللي تلف لمن احط الماوس عليها وبس نصها اللي يدور يعني زي هذا المنتدى http://www.w-ibda3.com/

واريد بدال ايقونة الـ RSS أريد أيقونة إنستقرام
لؤي03
لؤي03
 
 

ذكر
عدد المساهمات : 321
معدل النشاط : 3871
السُمعة : 3

http://bank.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود Empty رد: طلب كود

مُساهمة من طرف JoryAbdallah الأربعاء 20 يناير 2016 - 5:07

الكود:


<style>p#hb_socialicons img {
/* Spinning Social Icons Widget By HelperBlogger */
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

p#hb_socialicons img:hover {
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}

/* Spinning Social Icons Widget By HelperBlogger */
</style>
<style>p#hb_socialicons img {
/* Spinning Social Icons Widget By HelperBlogger */
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

p#hb_socialicons img:hover {
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}

/* Spinning Social Icons Widget By HelperBlogger */
</style>
<center>
                                                                                                  
   <p style="text-align: center;" id="hb_socialicons">
                                                      <a href="http://www.facebook.com/"><img border="0" src="http://3.bp.blogspot.com/-ck0bnvgk5uI/T_fxhb7Ay-I/AAAAAAAACRY/yZR4hu8omnE/s1600/helperblogger.com-facebook.png" /></a><a href="http://www.twitter.com/helperblogger/"><img border="0" src="http://4.bp.blogspot.com/-P_NkdPIsSQQ/T_fxjUKUF2I/AAAAAAAACRs/KXfA3LnHej8/s1600/helperblogger.com-twitter.png" /></a><a href="https://plus.google.com/"><img border="0" src="http://1.bp.blogspot.com/-uSOHwlVeA68/T_fxiHgtoJI/AAAAAAAACRc/-UZ8ujxc7Ic/s1600/helperblogger.com-google_plus.png" /></a><a href="http://www.feeds.feedburner.com/"><img border="0" src="http://2.bp.blogspot.com/-2sRpqFhID4A/T_fxipoh7DI/AAAAAAAACRo/kn_qiQKBT-o/s1600/helperblogger.com-rss.png" /></a><a href="http://www.youtube.com/"><img border="0" src="http://3.bp.blogspot.com/-2wY3FQCZgoM/T_fxkMsCqtI/AAAAAAAACR4/jsNUZdVcCCg/s1600/helperblogger.com-youtube.png" /></a>                                               
   </p>
                                                                                        
   <p style="text-align: center;" id="hb_socialicons">
                                                  -----------------------------                           
   </p>
                                              
</center>
JoryAbdallah
JoryAbdallah
 
 

انثى
عدد المساهمات : 3029
معدل النشاط : 8426
السُمعة : 295

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود Empty رد: طلب كود

مُساهمة من طرف stones الأربعاء 20 يناير 2016 - 8:42

عذرا كنت مستعجل
ويمكن تعديل على الكود الي وضعته لك ليصبح مثل طلبك
لاكن تفضل كود اخر
الكود:
img:hover {
 transition: all 0.5s ease-in-out;
-moz-transform: rotate(90deg);
border-radius: 20%;

    }

stones
stones
 
 

ذكر
عدد المساهمات : 7462
معدل النشاط : 16437
السُمعة : 414

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود Empty رد: طلب كود

مُساهمة من طرف لؤي03 الأربعاء 20 يناير 2016 - 12:30

JAR7 كتب:
الكود:


<style>p#hb_socialicons img {
/* Spinning Social Icons Widget By HelperBlogger */
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

p#hb_socialicons img:hover {
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}

/* Spinning Social Icons Widget By HelperBlogger */
</style>
<style>p#hb_socialicons img {
/* Spinning Social Icons Widget By HelperBlogger */
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

p#hb_socialicons img:hover {
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}

/* Spinning Social Icons Widget By HelperBlogger */
</style>
<center>
                                                                                                
 <p style="text-align: center;" id="hb_socialicons">
                                                <a href="http://www.facebook.com/"><img border="0" src="http://3.bp.blogspot.com/-ck0bnvgk5uI/T_fxhb7Ay-I/AAAAAAAACRY/yZR4hu8omnE/s1600/helperblogger.com-facebook.png" /></a><a href="http://www.twitter.com/helperblogger/"><img border="0" src="http://4.bp.blogspot.com/-P_NkdPIsSQQ/T_fxjUKUF2I/AAAAAAAACRs/KXfA3LnHej8/s1600/helperblogger.com-twitter.png" /></a><a href="https://plus.google.com/"><img border="0" src="http://1.bp.blogspot.com/-uSOHwlVeA68/T_fxiHgtoJI/AAAAAAAACRc/-UZ8ujxc7Ic/s1600/helperblogger.com-google_plus.png" /></a><a href="http://www.feeds.feedburner.com/"><img border="0" src="http://2.bp.blogspot.com/-2sRpqFhID4A/T_fxipoh7DI/AAAAAAAACRo/kn_qiQKBT-o/s1600/helperblogger.com-rss.png" /></a><a href="http://www.youtube.com/"><img border="0" src="http://3.bp.blogspot.com/-2wY3FQCZgoM/T_fxkMsCqtI/AAAAAAAACR4/jsNUZdVcCCg/s1600/helperblogger.com-youtube.png" /></a>                                                
 </p>
                                                                                      
 <p style="text-align: center;" id="hb_socialicons">
                                            -----------------------------                            
 </p>
                                            
</center>

شكراً تم الحل
لؤي03
لؤي03
 
 

ذكر
عدد المساهمات : 321
معدل النشاط : 3871
السُمعة : 3

http://bank.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى