مـدونـة مـغـتـرب

اغلاق موقع MEGAUPLOAD

2/16/2012 |

مرسلة بواسطة الشنفري |

|

تحرير الرسالة

MEGAUPLOAD

هي شركة على الانترنت ومقرها هونغ كونغ تأسست عام 2005 التي شغلت عدد

من الخدمات الالكترونية المتعلقة برفع التخزين . وقد تم ضبط أسماء النطاقات والمواقع وتم إيقافها من قبل وزارة العدل الامريكية يوم 19 يناير عام 2012، في أعقاب اتهام واعتقال أصحابها للتشغيل حسبما زعم لكونها منظمة مكرسة لانتهاك حقوق النشر . وقد تم تجميد الأصول قيمتها: HK $ 330،000،000 من قبل دائرة الجمارك والمكوس في هونغ كونغ .

الخبر منقول من موقع اجنبي

التسميات: انترنت |

0 التعليقات

قالب مغترب

2/16/2012 |

مرسلة بواسطة الشنفري |

|

تحرير الرسالة

قالب مغترب ثلاثه اعمده

وهو قالب المدونه الموجود حالياً اذا لم اقم بتغييره بقالب آخر

القالب تصميمنا وتعريبنا لمدونات البلوجر

الاضافات :

قائمه CSS .. اقراء المزيد بايقونه متحركه .. شريط التمرير مع السلايدشو

صورة القالب

لتحميل القالب HTML من هنا

وللتحميل مع الاضافات المرفقه من هنا

تحياتي

التسميات: قوالب 3 اعمده |

0 التعليقات

شريط عرض المواضيع الثاني

2/15/2012 |

مرسلة بواسطة الشنفري |

|

تحرير الرسالة

حصري .. من مغترب .. شريط عرض المواضيع الثاني بصفحه منبثقه

اطلع على الشريط السابق من هنا

الشريط السابق بعرض الصفحه كامله .. وكما ذكرت في موضوعي ان

ذلك قد يضائق الزآئر لانبثاق الصفحه المتكرر بمرور الماوس اثناء التنقل

ولذا عملت على تجزئته الى جزئين خارج الصفحه :

الاول الى اليمين بعرض مقيد لايتجاوز الفراغ الموجود خارج الصفحه

يمكنك استخدامه مثلاً لعرض القائمه الرئيسيه للمدونه .

والثاني بعرض مقيد يتجاوز الفراغ ويظهر بصفحه واسعه لاضافة مجموعه

من مواضيعك مثل السلايدشو .. الخ . .

هذا الشرح هو للتوضيح في حالة قيامي بحذف الشريط مسقبلاً

وعذراً للاطاله .

شريط عرض المواضيع الثاني :

الكود

<style type='text/css'>

#ut-sticky1

{

left:1115px;

background-color:#ff0000;

color:#fff;

text-align: center;

border-top: 1px solid #fff;

height:26px;

font-size:14px;

position:fixed;

bottom:0;

z-index:999;

width:140px;

border-top-left-radius:15px;

border-top-right-radius:15px;

display:block;

font-weight: bold;

font-family: arial,&quot;Helvetica&quot;

}

#ut-sticky1:hover

{

height:550px;

background:#333;

}

#ut-sticky1 p{font-size:14px; padding:0px;text-align:center; }

#ut-sticky1 p a{ text-decoration:none; color:#FFFF33;}

#ut-sticky2

{

left:3px;

background-color:#ff0000;

color:#fff;

text-align: center;

border-top: 1px solid #fff;

height:26px;

font-size:14px;

position:fixed;

bottom:0;

z-index:999;

width:140px;

border-top-left-radius:15px;

border-top-right-radius:15px;

display:block;

font-weight: bold;

font-family: arial,&quot;Helvetica&quot;

}

#ut-sticky2:hover

{

height:550px;

width:1250px;

background:#333;

}

#ut-sticky2 p{font-size:14px; padding:0px;text-align:center; }

#ut-sticky2 p a{ text-decoration:none; color:#FFFF33;}

</style>

<div id='ut-sticky1'>

<div align="center">

<p>شريط عرض المواضيع للاضافه الى المدونه بلوجر   <a href='http://megtrb.blogspot.com/2012/02/blog-post_14.html' target='_blank'>انقر هنا</a></p>

<p><a href="http://megtrb.blogspot.com/"><img height="100" src="http://1.bp.blogspot.com/-36bHi4_xZ4Q/TQ-XZUx4x5I/AAAAAAAAKKk/65tfNmgmoLU/s1600/99142cc5f483a476.gif" style="float: center;" width="120" /></a>

<div id='ut-sticky2'>

<div align="center">

<p>شريط عرض المواضيع للاضافه الى المدونه بلوجر   <a href='http://megtrb.blogspot.com/2012/02/blog-post_14.html' target='_blank'>انقر هنا</a></p>

<p><a href="http://megtrb.blogspot.com/"><img height="100" src="http://1.bp.blogspot.com/-36bHi4_xZ4Q/TQ-XZUx4x5I/AAAAAAAAKKk/65tfNmgmoLU/s1600/99142cc5f483a476.gif" style="float: center;" width="120" /></a>

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

تحياتي

التسميات: قوائم مغترب |

0 التعليقات

شريط عرض المواضيع

2/14/2012 |

مرسلة بواسطة الشنفري |

|

تحرير الرسالة

حصري .. من مغترب ..شريط عرض المواضيع بصفحه منبثقه

شريط لعرض مجموعه من مواضيعك بطريقه رآئعه .. عرض الصور .. السلايدشو.

صورة الشريط

صورة الصفحه

هنا مجموعة السلايد الموجوده في المدونه :

الاول الثاني الثالث

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

قم بتحرير اداة الجافاسكريبت بعد اضافته ( الشريط ) وفي اخر الرابط
تجد رقم الاداه .

مثال لوجود الاداه في المدونه لاجعلها تظهر في الصفحه الرئيسيه فقط

انقر الصوره

شريط عرض المواضيع :

الكود

<style type='text/css'>

#ut-sticky

{

background-color:&#39;

color:#fff;

text-align: center;

border-top: 1px solid #fff;

height:25px;

font-size:18px;

position:fixed;

bottom:0;

z-index:999;

width:98%;

border-top-left-radius:15px;

border-top-right-radius:15px;

display:block;

font-weight: bold;

font-family: arial,&quot;Helvetica&quot;

}

#ut-sticky:hover

{

height:500px;

background:#333;

}

#ut-sticky p{font-size:18px; padding:0px;text-align:center; }

#ut-sticky p a{ text-decoration:none; color:#FFFF33;}

/* for more tools visit http://megtrb.blogspot.com */ 

</style>

<div id='ut-sticky'>

<div align="center">

<p>مدونة مغترب ... شريط عرض المحتويات ... للاضافه الى المدونه بلوجر <a href='http://megtrb.blogspot.com' target='_blank'>انقر هنا</a></p>

<p><a href="http://megtrb.blogspot.com/2010/12/blog-post_20.html"><img height="80" src="http://1.bp.blogspot.com/-36bHi4_xZ4Q/TQ-XZUx4x5I/AAAAAAAAKKk/65tfNmgmoLU/s1600/99142cc5f483a476.gif" style="float: center;" width="100" /></a>

</p>

قم باضافة مواضيعك في الموضع المحدد باللون الاحمر
يجب ان تبداء بالعلامه <p> وتنتهي بالاغلاق </p>
اذا اردت المساعده لاتتردد بالسؤال
ذكر المصدر في حالة نقل الموضوع
والى لقاء

التسميات: قوائم مغترب |

0 التعليقات

Skitter Slideshow

2/14/2012 |

مرسلة بواسطة الشنفري |

|

تحرير الرسالة

سلايد شو رائع لعرض الصور بعدة خيارات في اتجاه الحركه

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

الشريط للمعاينه المباشره .

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

اذا اردت تحميل السلايد من الموقع انقر هنا .. وعليك القيام برفع الملفات الخاصه

به بنفسك لاي موقع .. وانا افضل موقع دروب بوكس الذي استخدمه في رفع ملفاتي

للاضافات التي اقوم بنشرها في المدونه ومن ضمنها هذا السلايد الذي قمت برفعه

ليتمكن مدوني البلوجر باستخدامه مباشره الى مدوناتهم .

للذهاب لموقع رفع الملفات dropbox انقر هنا
عفواً للاطاله ...
لاضافة السلايد للمدونه بلوجر
الاكواد جاهزه كل ماعليك هو النسخ واللصق لموقعك مباشره
الكود

<script src='http://dl.dropbox.com/u/50688218/Skitter%20Slideshow/jquery-1.6.3.min.js'/>

<script src='http://dl.dropbox.com/u/50688218/Skitter%20Slideshow/jquery.easing.1.3.js'/>

<script src='http://dl.dropbox.com/u/50688218/Skitter%20Slideshow/jquery.animate-colors-min.js'/>

<script src='http://dl.dropbox.com/u/50688218/Skitter%20Slideshow/jquery.skitter.min.js'/>

<script>

    $(document).ready(function() {

        var options = {};

        if (document.location.search) {

            var array = document.location.search.split(&#39;=&#39;);

            var param = array[0].replace(&#39;?&#39;, &#39;&#39;);

            var value = array[1];

            if (param == &#39;animation&#39;) {

                options.animation = value;

            }

            else if (param == &#39;type_navigation&#39;) {

                if (value == &#39;dots_preview&#39;) {

                    $(&#39;.border_box&#39;).css({&#39;marginBottom&#39;: &#39;40px&#39;});

                    options[&#39;dots&#39;] = true;

                    options[&#39;preview&#39;] = true;

                }

                else {

                    options[value] = true;

                    if (value == &#39;dots&#39;) $(&#39;.border_box&#39;).css({&#39;marginBottom&#39;: &#39;40px&#39;});

                }

            }

        }

        $(&#39;.box_skitter_large&#39;).skitter(options);

        // Highlight

        $(&#39;pre.code&#39;).highlight({source:1, zebra:1, indent:&#39;space&#39;, list:&#39;ol&#39;});

    });

    </script>

<style type='text/css'>    

.box_skitter {position:relative;width:800px;height:300px;float:center;background:#000;}

.box_skitter ul {display:none;}

.box_skitter .container_skitter {overflow:hidden;position:relative;}

.box_skitter .image {overflow:hidden;}

.box_skitter .image img {display:none;}

.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow: hidden;display:none;z-index:20;}

.box_skitter .box_clone img {position:absolute;top:0;left:0px;z-index:20;}

.box_skitter .prev_button {position:absolute;top:50%;left:0px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(http://2.bp.blogspot.com/-cIlosvwlHkA/Tzay5FMNsjI/AAAAAAAANcc/hQCj8QXCLfI/s1600/prev.png) no-repeat left top;}

.box_skitter .next_button {position:absolute;top:50%;right:0px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(http://4.bp.blogspot.com/-EY6uCrNbqII/TzayqNRzCPI/AAAAAAAANcQ/YdMXReYW9HQ/s1600/next.png) no-repeat left top;}

.box_skitter .info_slide {position:absolute;top:2px;left:2px;z-index:100;background:#000;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.75;}

.box_skitter .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}

.box_skitter .info_slide .image_number_select {background:#cc0000;float:left;padding:2px 10px;margin:0 5px 0 0;}

.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(http://2.bp.blogspot.com/-4-dSw7cA2ys/TzazUhh3T7I/AAAAAAAANco/G_JwqkHPKUs/s1600/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}

.label_skitter {z-index:150;position:absolute;height:50px;bottom:0px;left:0px;color:#fff;display:none;opacity:0.8;background:#000;}

.label_skitter p {padding:5px;margin:10px;font:normal 22px arial,tahoma;letter-spacing:0px;}

.info_slide * {font-family:Consolas,arial,tahoma !important;}

</style>

<div id="content">

<div class="border_box">

<div class="box_skitter box_skitter_large">

<ul>

<li><a href="http://megtrb.blogspot.com/2012/02/blog-post_05.html"><img src="http://3.bp.blogspot.com/-RBsFZpRk61k/Ty7VY5fBWMI/AAAAAAAANao/NkrCoj5ba7E/s1600/img1.jpg"/></a>

<div class="label_text"><p>عرض مقتطف من موضوع</p></div></li>

<li><a href="http://megtrb.blogspot.com/2012/01/blog-post_31.html"><img src="http://2.bp.blogspot.com/-sUA_6E-AhD4/TygjsR-O0lI/AAAAAAAANZQ/9VcfQvveiF4/s1600/share+menu.jpg"/></a>

<div class="label_text"><p>ايقونات المشاركه المتحركه</p></div></li>

<li><a href="http://megtrb.blogspot.com/2011/12/footer-frame.html"><img src="http://4.bp.blogspot.com/-h3XonC2UprM/TzfNf9H3NAI/AAAAAAAANf0/xJY3l1MtPwA/s1600/footer.jpg"/></a>

<div class="label_text"><p>Footer frame</p></div></li>

</ul>

</div>

</div>

</div></div>

قم بتغيير الروابط الموجوده للصور والصفحات بالروابط الخاصه بك

اذا اردت المساعده لاتترد .

تحياتي

التسميات: اضافات للمدونه |

0 التعليقات

صفحه مميزه

2/08/2012 |

مرسلة بواسطة الشنفري |

|

تحرير الرسالة

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

تطبيق مباشر :

مثال
قم بتمرير الماوس فوق النص

((درس لتغيير لون التظليل الـ rgb ))

قم اولاً بتوسيع صندوق الاكواد اعلاه لمعاينة الاكواد جميعها اللون البرتقالي بالخلفيه السوداء هو لون التظليل الموجود 0,0,0, يعطي اللون الاسود وهي الثلاثه الاصفار الاولى والرابع 0.7 لحجم التظليل . فاذا اردت تغييراللون يجب تغيير كل اكواد الالوان الـ rgb وهي الثلاثه الاصفار الاولى ولجلب كود الـ rgb للون معين اذهب الى عناصر الصفحه اضافة اداه الجافا واكتب اي كلمه ثم انقر الزر تنسيق وقم بتظليل الكلمه ثم انقر الحرف T الموجود بالاعلى وهو مخصص للالوان واختر اللون المناسب وانقر الزر تحرير html ستجد الكود موجود انسخه والصقه مكان الثلاثه الاصفار الموجوده في الاضافه

مع تحياتي

مدونة مغترب المدونه العربيه الشامله مدونة مغترب المدونه العربيه الشامله مدونة مغترب المدونه العربيه الشامله مدونة مغترب المدونه العربيه الشامله مدونة مغترب المدونه العربيه الشامله مدونة مغترب المدونه العربيه الشامله

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

<script>

function highlight(which,color){

if (document.all||document.getElementById)

which.style.backgroundColor=color

}

</script>

احفظ الاضافه

توجه الى نشر , رساله جديده , تحرير HTML انسخ والصق الكود التالي

<div style="background-color: black; text-align: center;border: 3px solid #ff0000;padding:20px;">

<div onmouseout="highlight(this,'#000')" onmouseover="highlight(this,'#fff')">

<span style="font-size: large;">

<span style="color: #ff0000; font-family: Verdana,sans-serif;"><span style="background-color: white; color: black;">((درس لتغيير لون التظليل الـ rgb ))</span> <br />

<br />

قم اولاً بتوسيع صندوق الاكواد اعلاه لمعاينة الاكواد جميعها

اللون البرتقالي بالخلفيه السوداء هو لون التظليل الموجود 0,0,0, يعطي اللون

الاسود وهي الثلاثه الاصفار الاولى والرابع 0.7 لحجم التظليل . فاذا اردت

تغييراللون يجب تغيير كل اكواد الالوان الـ rgb وهي الثلاثه الاصفار الاولى

ولجلب كود الـ rgb للون معين اذهب الى عناصر الصفحه اضافة اداه الجافا

واكتب اي كلمه ثم انقر الزر تنسيق وقم بتظليل الكلمه ثم انقر الحرف T الموجود

بالاعلى وهو مخصص للالوان واختر اللون المناسب وانقر الزر تحرير html 

ستجد الكود موجود انسخه والصقه مكان الثلاثه الاصفار الموجوده في الاضافه 

</span> <br />

مع تحياتي</span>  

</div>

<a href="http://megtrb.blogspot.com/"><img alt="keyword" height="100" src="http://1.bp.blogspot.com/-36bHi4_xZ4Q/TQ-XZUx4x5I/AAAAAAAAKKk/65tfNmgmoLU/s1600/99142cc5f483a476.gif" style="float: right; margin: 10px;" width="120" /></a><a href="http://megtrb.blogspot.com/"><img alt="keyword" height="100" src="http://1.bp.blogspot.com/-36bHi4_xZ4Q/TQ-XZUx4x5I/AAAAAAAAKKk/65tfNmgmoLU/s1600/99142cc5f483a476.gif" style="float: left; margin: 5px;" width="120" /></a>

<div style="color: #fff; font-family: Arial,Helvetica,sans-serif; text-align: right;">

<b><a onmouseout="highlight(this,'#999999')" onmouseover="highlight(this,'#000')"href="http://megtrb.blogspot.com/">مدونة مغترب المدونه العربيه الشامله</a> مدونة مغترب المدونهالعربيه الشامله مدونة مغترب المدونه العربيه الشامله مدونة مغترب المدونه العربيه الشامله مدونة مغترب المدونه العربيه الشامله مدونة مغترب المدونه العربيه الشامله</b></div></div>

انقر الزر تاليف وابداء بانشاء رسالتك

اي ملاحظه تورد

التسميات: اضافات للمدونه |

0 التعليقات

قائمه لعرض موجز للمواضيع

2/07/2012 |

مرسلة بواسطة الشنفري |

|

تحرير الرسالة

قوائم مغترب CSS

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

القائمه لها حركه جميله بسقوط الايقونات من الاعلى الى الوسط عند مرور الماوس .

انقر للمعاينه بحجم اكبر

عند مرور الماوس

الاضافه عبر اداة الجافا سكريبت

الكود

<style type="text/css">

footer {

    clear:both;

    overflow:hidden;

    font-size:16px;

    line-height:1.3;

}

#footer-boxes {

    -moz-column-count:2;

    -moz-column-gap:10px;

    -webkit-column-count:2;

    -webkit-column-gap:10px;

    column-count:4;

    column-gap:10px;

}

.footer-box {

    margin:0 0 10px 0;

    display:inline-block;

    width:262px;

    height:140px;

    padding:0 80px 15px 0;

    background:#e6e2df;

    color:#b2aaa4;

    border: 2px solid #ff0000;

    border-radius:6px;

    -moz-border-radius-topleft:50px;

    -webkit-border-radius-topleft:50px;

    border-bottom-right-radius:50px;

    -moz-border-radius-bottomright:50px;

    -webkit-transition:all 0.2s ease;

    -moz-transition:all 0.2s ease;

    background-position:320px 50%;

    background-repeat:no-repeat;

    text-align: center;

}

.footer-box h5 {

    font: bold 24px Sans-Serif !important;

    text-transform:uppercase;

    font-size:38px;

    line-height:1;

    padding:0 0 0 50px;

}

.footer-box:hover h5 {

    text-shadow:0 0 4px rgba(0,0,0,0.4);

    color:white;

}

.footer-box:hover p {

    color:white;

}

.footer-box p {

    font-size:12px;

    text-align:right;

    padding:0px 0px 0px 0px;

    width:250px;

    line-height:1.5;

}

.footer-box:hover {

    background-position:200px 50%;

}

#f-diw1 {

    background-image:url(http://4.bp.blogspot.com/-dSf_RefFI9s/TxBl1zmDbZI/AAAAAAAANBk/Q-a-bBlpfqE/s1600/1326474660_video.png);

    background-position:right  -70px;

}

#f-diw1:hover {

    background-color:#237abe;

    background-position:right;

}

#f-diw2 {

    background-image:url(http://2.bp.blogspot.com/-PJzkBpSD8Gc/TxBj-ihpKyI/AAAAAAAANBc/sl5W_IDfAPw/s1600/1326474182_java.png);

    background-position:right  -70px;

}

#f-diw2:hover {

    background-color:#37597a;

    background-position:right;

}

#f-diw3 {

    background-image:url(http://1.bp.blogspot.com/-8R8zZCN-Nhs/TxBL0b1AzbI/AAAAAAAANAc/Y3h-e5KqTKs/s1600/cd_48.png);

    background-position:right  -70px;

}

#f-diw3:hover {

    background-color:#333333;

    background-position:right;

}

#f-diw:hover p {

    color:#adbde3;

}

#f-diw4 {

    background-image:url(http://3.bp.blogspot.com/-aasS1-vHjgw/TxBMIeND7RI/AAAAAAAANAs/KaLxWkL5W8A/s1600/paper%2526pencil_48.png);

    background-position:right  -70px;

}

#f-diw4:hover {

    background-color:#ff8400;

    background-position:right;

}

</style>

<div class="group" id="footer-boxes">

<a href="http://megtrb.blogspot.com" id="f-diw1" class="footer-box">

<h5>فيديو</h5><p>

<span style="font-weight:bold;font-size:14px;">مجموعة فيديو متجدده مجموعة فيديو متجدده مجموعة فيديو متجدده </span></p>

</a><a href="http://megtrb.blogspot.com" id="f-diw2" class="footer-box">

<h5>جافا</h5>

<p><span style="font-weight: bold;font-size:14px;"> صفحه منوعه تناسب اهتمامك صفحه منوعه تناسب اهتمامك صفحه منوعه تناسب اهتمامك</span></p>

</a><a href="http://megtrb.blogspot.com" id="f-diw3" class="footer-box">

<h5>برامج</h5>

<p><span style="font-weight: bold;font-size:14px;">مجموعه من البرامج الهامه مجموعه من البرامج الهامه مجموعه من البرامج الهامه</span></p>

</a><a href="http://megtrb.blogspot.com" id="f-diw4" class="footer-box last">

<h5>سجل الزوار</h5>

<p><span style="font-weight: bold;font-size:14px;"> سجل ملاحظتك حول مواضيع المدونه سجل ملاحظتك حول مواضيع المدونه سجل ملاحظتك حول مواضيع المدونه</span></p>

</a>

</div>

ذكر المصدر في حالة النقل

تحياتي

التسميات: قوائم مغترب |

0 التعليقات

الانتقال السريع

مـدونـة مـغـتـرب

المدونه العربيه الشامله

اقسام المدونه

القرآن الكريم

اكواد الالوان

قوائم مغترب

المتابعون

تصويت المدونه

احصاءات الزوار

اغلاق موقع MEGAUPLOAD

قالب مغترب

شريط عرض المواضيع الثاني

شريط عرض المواضيع

Skitter Slideshow

صفحه مميزه

قائمه لعرض موجز للمواضيع

متابعه بالبريد

متابعه ومشاركه

عزيزي الزآئر

مدونتي الفرعيه

المحتوى المميز