منتديات اسلام نت
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي
https://i.servimg.com/u/f39/16/91/07/32/10351_10.gif


سلام عليكم ورحمة الله وبركاتة يا زائر اهلا بك في اسلام نت
 
الرئيسيةس .و .جالتسجيلدخول

شاطر | 
 

 أكواد التأثير على مظهر المنتدى

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

تاريخ التسجيل : 30/09/2011
تاريخ الميلاد : 29/08/1984
المشاركات: 2233
نقاط 2147483647
عمري 34
ذكر
الموقع : http://islammnet.own0.com

مُساهمةموضوع: أكواد التأثير على مظهر المنتدى   الإثنين يناير 30, 2012 2:30 pm

أكواد التأثير على مظهر المنتدى
بعض الاكواد الجميلة التي ستغير لك من مظهر المنتدى

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

الكود يعمل مع جميع النسخ



ضع رد اليظهر الكود


ملاحظة : يفضل استخدام الكود في حالة الازرار النصية من
لوحة الادارة
مظهر المنتدى
الرئيسية وازرار التصفح
اظهار الصور فقط : لا
سجل
طريقة الوضع
لوحة الادارة
مظهر المنتدى
الصور والألوان
ألوان
ورقة تصميم Css
ضع الكود
سجل





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






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







الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://islammnet.own0.com islammnet93@gmail.com mohmad4_7@hotmail.com mohmad44@yahoo.com mohmad4_7
محمد أبوفيصل
صاحب الموقع
صاحب الموقع
avatar

تاريخ التسجيل : 30/09/2011
تاريخ الميلاد : 29/08/1984
المشاركات: 2233
نقاط 2147483647
عمري 34
ذكر
الموقع : http://islammnet.own0.com

مُساهمةموضوع: رد: أكواد التأثير على مظهر المنتدى   الإثنين يناير 30, 2012 2:32 pm

بمناسبة شهر رمضان الكريم اعاده الله علينا وعليكم بالخير اخوانى

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

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


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

صوره من الكود ^^ Wink

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



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

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

الكود

الكود:
                <!--------/End By Ahmed M!Do
------------><div
style="margin:auto;text-align:center;width:100%"><div
style="position: absolute; width: 1226px; height: 100px; z-index: 1;
left: 129px; top: -21px;" id="layer1">
  <embed
src="http://rooosana.ps/store/9/11_07_22-12_28_56-pxW2@0.swf"
quality="best" wmode="transparent" type="application/x-shockwave-flash"
height="250" width="1302"></div>
</div>
<!--------/End By Ahmed M!Do ------------>

طريقة الوضع : -

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

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





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






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







الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://islammnet.own0.com islammnet93@gmail.com mohmad4_7@hotmail.com mohmad44@yahoo.com mohmad4_7
محمد أبوفيصل
صاحب الموقع
صاحب الموقع
avatar

تاريخ التسجيل : 30/09/2011
تاريخ الميلاد : 29/08/1984
المشاركات: 2233
نقاط 2147483647
عمري 34
ذكر
الموقع : http://islammnet.own0.com

مُساهمةموضوع: رد: أكواد التأثير على مظهر المنتدى   الإثنين يناير 30, 2012 2:35 pm


كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي <

الكود:

 


 
 
    [b] [img]http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png[/img] نبذه تعريفيه[/b]


     
        ضع هنا نبذه تعريفيه لمنتداك

         
   
       
 
      [b] <img>
src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"
 /> الوصول السريع[/b]


         
           
[list]
 
         
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
           
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                           
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                                     
   
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                                     
                   
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]           
[/list]
       
 

       
 
        [b]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"
 /> الوصول السريع[/b]


         
           
[list]
 
           
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
           
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                           
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                                     
   
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
         
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]           
[/list]
       
 
 
       
 
      [b]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"
 /> الوصول السريع[/b]


           
[list]
         
 
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
           
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                           
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                                     
   
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                                     
                   
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
           
[/list]
       


نأتي الان لكود Css

توجه لـــ

لوحة الإدارة

مظهر المنتدى

الوان

ورقة تصميم css


ونضع الكود كاملا

الكود:

 #footer {
 width:auto;
        cursor: crosshair
 margin:auto;
 height:220px;
 color:#c3c3c3;
 direction:rtl;
 background-color: #dddddd;
 }
img{
 border:none;
}
 
.my-tet1{
 float:right;
 width:230px;
 padding:10px;
 border-right:1px dashed #666;
 }
.my-tet1 h3{
 font-family:"Arial Black", Gadget, sans-serif;
 font-size:16px;
 color:#FFF;
 font-weight:bold;
 background-color:#0a95b8;
 padding-right:10px;
 margin-bottom:3px;
 }
 
.my-tet1 ul li {
 list-style-type:none;
        text-decoration: none;
 padding:5px;
 cursor: crosshair;
 float: right;
 }
.my-tet1 p {
 font-family:Tahoma, Geneva, sans-serif;
 font-size:12px;
 color:#696969;
 text-align: justify;
 }
.my-tet1 ul li a {
 color:#1c6b7f;
 text-decoration: none;
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 12px;
 }
.my-tet1 ul li a:hover{
 color:#FFF;
}
.my-tet1 ul li:hover{
 cursor: crosshair;
 background-color: #0e83a0;
 color: #FFF;
 }
/*End footer style*/

الكود مجرب على النسخة الثانية 2 ويعمل 100/100





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






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







الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://islammnet.own0.com islammnet93@gmail.com mohmad4_7@hotmail.com mohmad44@yahoo.com mohmad4_7
محمد أبوفيصل
صاحب الموقع
صاحب الموقع
avatar

تاريخ التسجيل : 30/09/2011
تاريخ الميلاد : 29/08/1984
المشاركات: 2233
نقاط 2147483647
عمري 34
ذكر
الموقع : http://islammnet.own0.com

مُساهمةموضوع: رد: أكواد التأثير على مظهر المنتدى   الإثنين يناير 30, 2012 2:37 pm

احبائي الاعضاء يسعد ايامكم بكل خير

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


اولا لتعاينو الكود تفضلو




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


نأتي للكود

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


ضع رد اليظهر الكود



الجزء الثاني
في ورقة css

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

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

ملاحظة : جزء من الكود من تصنيع اخوانا الغالي الامل القادم

اجمل تحية





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






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







الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://islammnet.own0.com islammnet93@gmail.com mohmad4_7@hotmail.com mohmad44@yahoo.com mohmad4_7
محمد أبوفيصل
صاحب الموقع
صاحب الموقع
avatar

تاريخ التسجيل : 30/09/2011
تاريخ الميلاد : 29/08/1984
المشاركات: 2233
نقاط 2147483647
عمري 34
ذكر
الموقع : http://islammnet.own0.com

مُساهمةموضوع: رد: أكواد التأثير على مظهر المنتدى   الإثنين يناير 30, 2012 2:39 pm

كود وضع أزرار تمرير للمنتدى
وظيفة الكود : وضع سهمين للاعلى وللاسفل عند الضغط عليها يتم الصعود إلى أعلى الصفحة أو النزول إلى أسفل الصفحة

الكود:


        <div style="position:fixed; bottom:49px; right:1px; width:48px; height:48px; visibility:visible">
        <a href="#top"><img src="http://illiweb.com/fa/fdf3/up11.png"></a>
        </div> <div style="position:fixed; bottom:1px; right:1px; width:48px; height:48px; visibility:visible">
        <a href="#bottom"><img src="http://illiweb.com/fa/fdf3/down11.png"></a>
        </div>



يوضع الكود في أي مكان يقبل أكواد HTML
أو في لوحة الإدارة >> مظهر المنتدى >> تشكيلات عامة >> وضع إعلان على الرئيسية ، ليظهر في الصفحة الرئيسية للمنتدى فقط






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






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







الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://islammnet.own0.com islammnet93@gmail.com mohmad4_7@hotmail.com mohmad44@yahoo.com mohmad4_7
محمد أبوفيصل
صاحب الموقع
صاحب الموقع
avatar

تاريخ التسجيل : 30/09/2011
تاريخ الميلاد : 29/08/1984
المشاركات: 2233
نقاط 2147483647
عمري 34
ذكر
الموقع : http://islammnet.own0.com

مُساهمةموضوع: رد: أكواد التأثير على مظهر المنتدى   الإثنين يناير 30, 2012 2:44 pm

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

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

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

اولا عليك الدخول إلى :

لوحة الإدارة

عناصر إضافية

البوابة و العناصر

إدارة العناصر المستقلة على الرئيسية

شرح مُصور بعد الدخول للوحة الإدارة




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

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

ثم نقوم بإنشاء عنصر شخصى جديد



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

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

نضع القيم التالية بداخل خانة إنشاء العنصر



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

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

نعطى لأسم العنصر الشخصى الجديد , " أعلى العناصر "

و نضع الكود التالى


الكود:
<div id="forum-widget" style="height: 13px; width: 16px;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
 cursor: pointer; position: absolute; background: #f5ebf7
url(http://i42.tinypic.com/vg54yu.png) no-repeat 0 -13px;"
onClick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000);
 if(my_getcookie('forum-widget')=='0') {
my_setcookie('forum-widget','1',0,0);
jQuery('#forum-widget').css('background-position','0 -13px'); } else {
my_setcookie('forum-widget','0',1,0);
jQuery('#forum-widget').css('background-position','0 0px');
}"></div>
<script type="text/javascript">
jQuery('#forum-widget').insertBefore('#left');
if(my_getcookie('forum-widget')=='0')
{jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0);
 jQuery('#forum-widget').css('background-position','0 0px'); }
</script>

ثم نضغط على سجل , و نرجع لصفحة إدارة العناصر

و ننشئ عنصر شخصى آخر

و نضع القيم التالية




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

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

نعطى لأسم العنصر الشخصى الجديد , " أسفل العناصر "

و نضع الكود التالى


الكود:
<script type="text/javascript">
jQuery('#forum-widget').insertBefore('#right');
if(my_getcookie('forum-widget')=='0')
{jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0);
 jQuery('#forum-widget').css('background-position','0 0px');
jQuery('#content-container div#content').css('margin-right','0px');}
</script>

ثم نضغط على سجل , و نرجع لصفحة إدارة العناصر

ثم نذهب إلى عناصر شخصية مستقلة



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

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

و نقوم بسحب العنصر " أعلى العناصر " الذى تم إنشائة كأول عنصر ضمن العناصر الموضوعة

و سحب العنصر " أسفل العناصر " الذى تم إنشائة كأخر عنصر ضمن العناصر الموضوعة كالتالى



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

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

بعد الإنتهاء نضغط على سجل لتصبح النتيجة على الصفحة الرئيسية كالتالى

سيظهر لك سهم صغير اعلى العناصر , قبل الضغط علية سيكون المظهر كالتالى



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

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

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



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

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

و لو اعدنا الضغط علية مرة أخرى ستظهر العناصر , و هكذا

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

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

عناصر إضافية

البوابة و العناصر

إدارة العناصر المستقلة على الرئيسية

و ادخل الإعدادات التالية



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

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

----------------------------

ثانياً الطريقة للعناصر على اليسار

نستخدم نفس الطرق اعلاه ولكن بتغيير الاكواد بدلا من وضع الاكواد اعلاه نستخدم الاكواد التالية :

كود أعلى العناصر

الكود:
<div id="forum-widget" style="height: 13px; width: 16px;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
 cursor: pointer; position: absolute; background: #f5ebf7
url(http://i42.tinypic.com/vg54yu.png) no-repeat 0 -13px;"
onClick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000);
 if(my_getcookie('forum-widget')=='0') {
my_setcookie('forum-widget','1',0,0);
jQuery('#forum-widget').css('background-position','0 -13px'); } else {
my_setcookie('forum-widget','0',1,0);
jQuery('#forum-widget').css('background-position','0 0px');
}"></div>
<script type="text/javascript">
jQuery('#forum-widget').insertBefore('#right');
if(my_getcookie('forum-widget')=='0')
{jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0);
 jQuery('#forum-widget').css('background-position','0 0px'); }
</script>

الكود اسفل العناصر

الكود:
<script type="text/javascript">
jQuery('#forum-widget').insertBefore('#left');
if(my_getcookie('forum-widget')=='0')
{jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0);
 jQuery('#forum-widget').css('background-position','0 0px');
jQuery('#content-container div#content').css('margin-left','0px');}
</script>

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

<blockquote>ملحوظة هامة : لا يمكن إستعمال الكود فى العناصر فى الجهتين معا فى وقت واحد
</blockquote>

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

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





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






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







الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://islammnet.own0.com islammnet93@gmail.com mohmad4_7@hotmail.com mohmad44@yahoo.com mohmad4_7
محمد أبوفيصل
صاحب الموقع
صاحب الموقع
avatar

تاريخ التسجيل : 30/09/2011
تاريخ الميلاد : 29/08/1984
المشاركات: 2233
نقاط 2147483647
عمري 34
ذكر
الموقع : http://islammnet.own0.com

مُساهمةموضوع: رد: أكواد التأثير على مظهر المنتدى   الإثنين يناير 30, 2012 2:45 pm

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

أولا صورة لعمل الكود



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

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



ثانيا الك
ود

الكود:
 
<div id="اسم منتداك" style="height: 400px; position: fixed;
width: 1px; top: auto; right: 0pt; margin: 0pt auto; bottom: 0pt; Left:
-940px;">

<p align="center">

<a
 href="رابط الصفحة التي تريد فتحها عند الضغط على الصورة" target="_blank"
 title="الكلام الذي تريد اظهاره عند مرور الماوس فوق الصورة">
<img src="رابط الصورة التي تريد ظهورها"</a>

</p></div><p></p>


أخيرا .. طريقة وضع الكود
الكود يوضع في الصفحة الرئيسية أو الإعلانات الخاصة أو العناصر المستقلة أو البوابة أو أي مكان يقبل أكواد HTML





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






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







الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://islammnet.own0.com islammnet93@gmail.com mohmad4_7@hotmail.com mohmad44@yahoo.com mohmad4_7
 
أكواد التأثير على مظهر المنتدى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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

 





nwail


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

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

للتسجيل اضغط هـنـا

اعوذ بالله من الشيطان الرجيم {اَللَهُ لا إِلَهَ إلا هو اَلحي ُ القَيَوم لا تأخذه سِنَةٌ ولا نوْمٌ لَّهُ مَا فيِِ السَمَاوَاتِ وَمَا في اَلأَرْضِ مَن ذَا الَّذِي يَشفَعُ عِنْدَهُ إِلاَّ بِإِذْنِهِ يَعْلَمُ مَا بَينَ أَيدِيهِمْ ِوَمَا خَلْفَهم وَلا َيُحِيطُونَ بشَيءٍ مِنْ علمِهِ إِلاَ بِمَا شَآء وَسعَ كُرْسِيُّهُ السَمَاوَاتِ وَالأَرضِ وَلاَ يَؤُدُه حِفْظُهُمَا وَهُوَ العَليُّ العَظِيمُ}


facebook


المواضيع الأخيرة
» الشيخ عبد الباسط عبد الصمد عالى الجوده كامل مقطع يبكى القلب HD
من طرف محمد أبوفيصل الجمعة سبتمبر 14, 2018 7:02 am

» آيات الحج بصوت فضيلة الشيخ أ.د. سعود بن إبراهيم الشريم حفظه الله.
من طرف محمد أبوفيصل الجمعة سبتمبر 14, 2018 7:01 am

» خير متاع الدنيا
من طرف محمد أبوفيصل الجمعة سبتمبر 14, 2018 7:01 am

» رعد محمد الکردي ,, قراءة ما تيسر من {سورة المنافقون + سورة التين}
من طرف محمد أبوفيصل الجمعة سبتمبر 14, 2018 7:00 am

» إبداع القارئ رعد الكردي في رمضان 1439 تلاوة خيالية من سورة هود
من طرف محمد أبوفيصل الجمعة سبتمبر 14, 2018 6:59 am

» الداعية محمود الحسنات | قصة جليبيب | شاهد للنهاية
من طرف محمد أبوفيصل الجمعة سبتمبر 14, 2018 6:58 am

» جديد وحصري تعريف سكاي ستار 2 Technisat v4.6.0
من طرف adel16dz السبت مايو 26, 2018 2:18 am

» حصريا كود سرفرات المشاهدة المباشرة
من طرف محمد أبوفيصل الخميس نوفمبر 16, 2017 9:55 am

» تحميل برنامج بلوستاك 2017 كامل مجانا للكمبيوتر
من طرف محمد أبوفيصل الأربعاء نوفمبر 15, 2017 12:05 pm

» تحميل برنامج BENTLEY WATERCAD V8I SS6 (X86/X64)
من طرف محمد أبوفيصل الأربعاء نوفمبر 15, 2017 11:23 am