تجارب
مرحبا زائرنا الكريم نحن نتشرف جدا بتسجيلك معنا

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

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


اهلا ومرحبا بك يا زائر فى منتدى نجوم الابــــداع حيث الابداع المجانى
 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

 

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

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


عدد مشاركاتى : 15
نقاط : 35
تاريخ التسجيل : 04/02/2012

كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي < Empty
مُساهمةموضوع: كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي <   كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي < Emptyالإثنين أبريل 02, 2012 7:42 am

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

السلام عليكم


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


طريقة التركيب
:

هتجدها هنا


هاذا شرح بسيط جد لطريقة عمل حقوق اسفل المنتدى
او اي شيء بالتلاعب على العناصر المستقلة
على النسخة الثانية والثالثة والأخيرة أيضآ كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي < 201477

الأن نتوجة للشروحات
---------------
خاص فقط بالنسخه phpbb2


لوحة الاداره >> عناصر إضافيه >> إدارة العناصر المستقلة على الرئيسية
ثم قم بتفعيل العناصر المستقله على الرئيسيه

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

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

وعدل
عرض العمود 1 (اليسار) : 0

عرض العمود 3 (اليمين) : 180

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

ثم انشى عنصر جديد وضع هاذا الكود

الكود:
<!--كود جعل العناصر اسفل المنتدى -->
</td>
  </tr>
 </tbody>
 </table>
<!-- نهاية الكود-->
واعمل التعديلات التالية
كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي < Aseer510
ثم قم بالحفظ

ثم اضف العنصر الذي قمنى بعمله

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

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

والعكس صحيح ان اردت اظهار العناصر بالأعلى
فأجعل الكود الي اعطيناك اياه بالأسفل
والأكواد بأعلاه

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

لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css

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

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

كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي < Aseer311
الكود:
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}
خاص فقط بالنسختين phpbb3+invision

لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css

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

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

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

ضع الكود التالي
/****** بداية كود جعل العناصر اسفل او اعلى المنتدى ********/

#content-container div#container {
width: auto;
float: none;
margin-left: auto;
}

#content-container div#main {
margin-right: auto;
margin-bottom: auto;
}

#content-container div#left {
width: auto;
float: none;
margin-left: auto;
}

#content-container div#right {
width: auto;
float: none;
margin-left: auto;
}

#main {
width: 947px;
}

#gfooter {
width: 947px;
}


#logostrip {
width: 947px;
}


#submenu {
width: 947px;
}

#userlinks {
width: 935px;
}


/****** نهاية الكود من تطوير اسيرالدموع ********/
بإمكانك التعديل على عرض الأقسام بدل ال 947 و 935

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

كود جميع الحقوق محفوظة
كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي < 829894
الكود:
الساعة الأن <embed
src="http://[url=http://www.clocklink.com/clocks/5005-red.swf?TimeZone=PST&amp;%22]www.clocklink.com/clocks/5005-red.swf?TimeZone=PST&amp;"[/url]
 wmode="transparent" type="application/x-shockwave-flash" height="40"
width="120"> بتوقيت (أسم بلدك)<br>جميع الحقوق محفوظة
لـ{FORUMNAME}<br>&nbsp;Powered by Aseer Al Domoo3
®️{FORUMURLINK} <br>حقوق الطبع والنشر©️2011 -
2010

يوضع في العناصر المستقلة كما شرحنا سابقآ

لوحة الاداره >> عناصر إضافيه >> إدارة العناصر المستقلة على الرئيسية >> إنشاء عنصر شخصي

ولاتنسى تغيير اسم منتداك


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

الكود:

 


 
 
    [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

وأقدم لكم فوتر أسود أتمنى ينـآل إعجـآبكم
صوره للمعاينه

كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي < Footer10
الطريقه على قسميــن":~

أولآ ندخل لوحه التحكم ثم

مظهر المنتدى > التومبيلات والقوالب > إداره عامه > overall_footer_end

ثم نضغط تعديل

ونمسح الكود بالكامل ونستبدله بهذـآ

الكود:
<div id="footer">
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<div class="footerBlack">
<div class="center_1000">
        <div class="pannel_white">
            <div class="pannel_head_white">خريطة الموقع</div>
            <a href="http://roo7ythbak.roo7.biz">الصفحة الرئيسية</a>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
           
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
        </div><!--pannel_white-->
        <div class="pannel_white">
            <div class="pannel_head_white">أقسام الموقع</div>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
           
        </div><!--pannel_white-->
        <div class="pannel_white">
            <div class="pannel_head_white">أقسام الموقع</div>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
        </div><!--pannel_white-->
        <div class="facebook_footer">
            <a class="facebook_footer_icon footer_icons" href="http://roo7ythbak.roo7.biz/"> </a>
            <a class="youtube_footer_icon footer_icons" href="http://www.youtube.com/user/MonsterControl"> </a>
            <a class="rss_footer_icon footer_icons" href="rss.php"> </a> </div>
        <!--pannel_white-->
<p class="clear"></p>
     
    </div><!--center_1000-->
 </div> 
و داخل الكود هتجدون رابط الآتى
http://help.ahlamontada.com/
استبدلوه بما تريدون من روابط


ثـآنيـآ نروح لورقه الـ CSS

مظهر المنتدى < أللوان > ورقه تصميم CSS

ونظيف هذا الكود
الكود:
/*---------------------------- FOOTER ------------------------------*/
#footer{
    clear:both;
}
.footerBlack{
    background:black;
    padding:15px 10px;
    }
.pannel_white{
    width:195px;
    height:125px;
    overflow:hidden;
    float:right;
    position:relative;
    margin:0 10px;
}
.facebook_footer
{
    padding-top:10px;
    text-align:left;
    overflow:hidden;
    float:right;
    position:relative;
    margin:0 10px;
}
.pannel_head_white{
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/h1pann10.png) no-repeat right top;
    border-top:1px solid #fff;
    line-height:18px;
    height:25px;
    text-align:right;
    padding:0 16px 0 0;
    color:#000;
    font-size:14px;
    font-weight:bold;
}
.pannel_white a:link, .pannel_white a:visited{
    color:#fff;
    font-size:13px;
    padding:2px 15px 2px 0;
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/bullet10.gif) no-repeat right 9px;
    text-decoration:none;
    display:block;
    margin:0 10px 0 0;
    direction:rtl;
    text-align:right;   
}
.pannel_white a:hover, .pannel_white a:active{
    text-decoration:underline;
}
#copyrights{
    min-height:60px;
    padding:3px 0;
    font-size:11px;
    color:#333;
    clear:both;
    text-align:center;
    background-image:url(http://i44.servimg.com/u/f44/14/44/80/68/shadow10.png);
    background-repeat:repeat-y;
    background-position:center;

}

#copyrights div{
    width:500px;
    vertical-align:middle;
    text-align:center;
    }

#copyrights img[alt="maknoon_logo"]{
}
.pannel_tab{
    position:absolute;
    z-index: 999;
    width:140px;
    top:7px;
    left:10px;
    text-align:left;
}
.pannel_tab div, .pannel_tab div:visited{
    text-indent:-99999px;
    text-align:left !important;
    width:15px;
    height:15px;
    display:block;
    float:left;
    margin:0 5px 0 0;
    cursor:pointer;
    cursor:hand;
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/panel_10.png) left center;
}
.pannel_tab div:hover, .pannel_tab div:active{
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/panel_10.png) right center;
}
.pannel_tab div.selected{
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/panel_10.png) right center !important;
}
.news_container{
    height:123px;
    overflow:hidden;

}

.footer_icons{
    width:100px !important;
    height:116px !important;
    display:block !important;
    float:left !important;
    margin:0 3px 0 0 !important;
    text-indent:-99999px !important;
    padding:0 !important;
}
a.footer_icons:hover, a.footer_icons:active{
    text-decoration:none !important;
}
.facebook_footer_icon{   
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/social10.jpg) 0 center no-repeat !important;
}
.youtube_footer_icon{
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/social10.jpg) -100px center no-repeat !important;
}
.rss_footer_icon{
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/social10.jpg) -210px center no-repeat !important;
}

ومبروووك عليكم
Very Happy
الرجوع الى أعلى الصفحة اذهب الى الأسفل
محمد طاهر
مشرف عام
مشرف عام
avatar


عدد مشاركاتى : 15
نقاط : 35
تاريخ التسجيل : 04/02/2012

كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي < Empty
مُساهمةموضوع: رد: كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي <   كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي < Emptyالإثنين أبريل 02, 2012 7:47 am

[quote="محمد طاهر"]<div style="margin:auto;text-align:center;width:100%"> بسم الله الرحم الرحيم

السلام عليكم


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


طريقة التركيب
:

هتجدها هنا


هاذا شرح بسيط جد لطريقة عمل حقوق اسفل المنتدى
او اي شيء بالتلاعب على العناصر المستقلة
على النسخة الثانية والثالثة والأخيرة أيضآ كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي < 201477

الأن نتوجة للشروحات
---------------
خاص فقط بالنسخه phpbb2


لوحة الاداره >> عناصر إضافيه >> إدارة العناصر المستقلة على الرئيسية
ثم قم بتفعيل العناصر المستقله على الرئيسيه

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

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

وعدل
عرض العمود 1 (اليسار) : 0

عرض العمود 3 (اليمين) : 180

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

ثم انشى عنصر جديد وضع هاذا الكود

الكود:


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

ثم اضف العنصر الذي قمنى بعمله

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

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

والعكس صحيح ان اردت اظهار العناصر بالأعلى
فأجعل الكود الي اعطيناك اياه بالأسفل
والأكواد بأعلاه

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

لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css

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

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

كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي < Aseer311
الكود:
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}
خاص فقط بالنسختين phpbb3+invision

لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css

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

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

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

ضع الكود التالي
الكود:
 ********/

#content-container div#container {
width: auto;
float: none;
margin-left: auto;
}

#content-container div#main {
margin-right: auto;
margin-bottom: auto;
}

#content-container div#left {
width: auto;
float: none;
margin-left: auto;
}

#content-container div#right {
width: auto;
float: none;
margin-left: auto;
}

#main {
width: 947px;
}

#gfooter {
width: 947px;
}


#logostrip {
width: 947px;
}


#submenu {
width: 947px;
}

#userlinks {
width: 935px;
}

/****** نهاية الكود من تطوير اسيرالدموع ********/
بإمكانك التعديل على عرض الأقسام بدل ال 947 و 935

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

كود جميع الحقوق محفوظة
كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي < 829894
[code]الساعة الأن
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي <
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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