مشاهدة وتحميل فيلم أحترس نحن المجانين Watch Out, We're Mad!


فيلم أحترس نحن المجانين - بود سبنسر - و ترانس هيل

Watch Out, We're Mad!



Somewhere in Spain, off-road race car driver Ben (Spencer) is anticipating the next rallycross race he will be in, because of the prize—a red Puma dune buggy with yellow top. However, he does not count on "The Kid" (Hill) entering the competition, and he also has a talent for the sport—and an eye on that same dune buggy. During the race, each man battles furiously to the finish line. But in a surprise, they both end up tying for first place, and they are both awarded the dune buggy. They run from their cars and touch the buggy at the same time. Of course, sharing is out of the question, so they soon get to a serious discussion as to how it should be decided as to who gets the buggy. Finally they decide to bet it in a "beer and sausages" duel in a luna park pub, in which "the first one that blow up lose the car and pay the tab" .

The challenge is roughly interrupted by "Boss" (Sharp) henchmen, a building profiteer that wants to demolish the luna park for being able to replace it with a skyscraper. At the order of a henchman to "come out from the car, otherwise i will destroy this jalopy", Ben and Kid disobey trying to fleeing, but instead the buggy is rammed by another car, being destroyed.

Resoluted to reclaim a new buggy (same as the destroyed one), the two come in the Boss restaurant, and here they say "...otherwise we'll get mad!!". After the two go away, the boss is disposed to buy a new buggy to compensate them, but is discouraged by the "Doctor" (Pleasance), a German-born Freudian psychologist: he believes that Ben and Kid are two spoiled children that think the boss is their father. To give in to their demand would be a bad psychological fallout. The Doctor exalts Boss wickedness, but he recommend to use it for something unsensed, unuseful.




Kid and Ben tie in a race to win a red dune buggy with a yellow top. During Kid and Ben's hotdog and beer contest, to see who will keep the the dune buggy, a local mob demolishes it! Kid and Ben want revenge... and the replacement of their dune buggy! Written by Mark MacIntyre



Details

Country: Italy | Spain
Language: Italian | English
Release Date: 29 March 1974 (Italy) See more »
Also Known As: Watch Out, We're Mad See more »
Filming Locations: Madrid, Spain





Box Office

Gross: ESP 173,124,911 (Spain) (3 March 2000)



Technical Specs

Runtime: 101 min | 97 min (extended) | 92 min (DVD edition)
Sound Mix: Mono
Color: Color (Eastmancolor)
Aspect Ratio: 1.85 : 1


Terence Hill,Bud Spencer,John Sharp,Donald Pleasence,افلام اجنبية,اكشن,كوميدى,Deogratias Huerta,Luis Barbero,Patty Shepard,Manuel de Blas,Emilio Laguna,





Terence Hill as Kid
Bud Spencer as Ben
John Sharp as the Boss
Donald Pleasence as the Doctor
Deogratias Huerta as Attila
Luis Barbero as Jeremias
Patty Shepard as Liza
Manuel de Blas as Paganini
Emilio Laguna as the conductor of the choir




If you want to see a very funny and addictive action movie, you must watch this one... Here we have two rival wreck car racing pilots(Bud Spencer and Terence Hill), both very skilled, so skilled that after a tremendous race they finishes simultaneously... and together they wins a dune buggy, the prize for the winner. Naturally, each of them wants the buggy for himself, so the tough guys decides to bet the car in a "beer and beans" contest(!). But just when the "contest" starts, the bad ones, led by a megalomaniac rich man and his psychologist, destroy the dune buggy...... You can imagine the reaction of Spencer and Hill... 

A remarkable scene: the one of the killer ("Paganini") in the auditorium.(A masterpiece!)



إتمنى لكم مشاهدة ممتعه







الطريقة المثالية لتخطي اختبار الصور في الفيس بوك 2016



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






















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

وبعد ما أتممت ادخال بروكسي ماعليك سوى توجه إلى m.facebook.com وبتصفحك فايرفوكس وعند الدخول في حسابك اختر مدينتك ، ثم رقم هاتفك لكي يرسل لك فيه كود التفعيل لتخطي الصور في فيسبوك وبعد التفعيل الكود حسابك سيفتح مباشرة وأحيانا وأحيانا يطبك منك سنة الميلاد الموجود في هذا  الحساب بدل ادخال رقم الهاتف  وهذه الخطوة مجربة في حسابي صراحة !!!! 
ملاحظة : عند الإختيار بروكسي في ذاك الموقع لاحظ أن بجانب البروكسيات له ثلاث أنواع مختلف Anonymous  و Transparent و Elite
-----
Transparent : يعرفون عنوان IP الخاص بك، ويعلم أن كنت تستخدم وكيل (بروكسي) .
Anonymous : لا يعرفون عنوان IP الخاص بك، ولكنه يعلم أن كنت تستخدم وكيل .
Elite : لا يعرفون عنوان بروتوكول الإنترنت، كما أنها لا تملك أي دليل على أن الطلب يأتي من وكيل .
----
واختر أنت Elite  بهذه الطريقة وبهذا النوع نجحت بفتح حسابي في فيسبوك ولا تتردد بتجريب Anonymous .


مشاهدة وتحميل فيلم Mackenna's Gold 1969 720p HDTV



Stars: Gregory Peck, Omar Sharif, Telly Savalas
Genres: Adventure | Romance | Western



Storyline

The gangster Colorado kidnaps Marshal McKenna. He believes that McKenna has seen a map which leads to a rich vein of gold in the mountains and forces him to show him the way. But they're not the only ones who're after the gold; soon they meet a group of "honorable" citizens and the cavalry crosses their way too - and that is even before they enter Indian territory. Written by Tom Zoerner




Details

Official Sites: Sony Movie Channel [United States]
Country: USA
Language: English
Release Date: 10 May 1969 (USA)
Also Known As: El oro de Mackenna
Filming Locations: Glen Canyon, Arizona, USA



Box Office
Budget: $7,000,000 (estimated)




Technical Specs

Runtime: 128 min
Sound Mix: 4-Track Stereo (Westrex Recording System)
Color: Color (Technicolor)
Aspect Ratio: 2.35 : 1







إتمنى لكم مشاهدة ممتعه




طريقة تزيين كتابة الاكواد في بلوجر

طريقة تزيين كتابة الاكواد في بلوجر

طريقة تزيين كتابة الاكواد في بلوجر - هي من اهم الاضافات التي يجب ان تكون في كل مدونة بلوجر او موقع و ما يميز هذه الاضافة انه يمكنك وضع فوق كل كود ما هي طريقة عمله

 طريقة تزيين كتابة الاكواد في بلوجر - هي من اهم الاضافات التي يجب ان تكون في كل مدونة بلوجر او موقع و ما يميز هذه الاضافة انه يمكنك وضع فوق كل كود ما هي طريقة عمله مثل CSS , JavaScript ,jQuery ,HTML و بضغطة زر يمكن نسخ الكود يمكنك معاينة الاضافة عبر الرابط التالي عند النقر على رابط المعاينة سوف تجد فوق كلمة result اضغط عليها لتظهر المعاينة




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

  1. الان قم بالدخول إلى لوحة تحكم المدونة
  2. اختر قالب 
  3. ثم انقر فوق تحرير HTML
ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه
/* CSS Prism Syntax Highlighter */
pre {
    padding: 50px 10px 10px 10px;
    margin: .5em 0;
    white-space: pre;
    word-wrap: break-word;
    overflow: auto;
    background-color: #2c323c;
    position: relative;
    border-radius: 4px;
    max-height: 500px;
}

pre::before {
    font-size: 16px;
    content: attr(title);
    position: absolute;
    top: 0;
    background-color: #eee;
    padding: 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin: 0 0 15px 0;
    font-weight: bold;
}

pre::after {
    content: 'انقر مرتين لنسخ الكود';
    padding: 2px 10px;
    width: auto;
    height: auto;
    position: absolute;
    right: 8px;
    top: 8px;
    color: #fff;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
}

pre:hover::after {
    opacity: 0;
    top: -8px;
    visibility: visible;
}

code {
    font-family: Consolas,Monaco,'
    Andale Mono','Courier New',Courier,Monospace;
    line-height: 16px;
    color: #88a9ad;
    background-color: transparent;
    padding: 1px 2px;
    font-size: 12px;
}

pre code {
    display: block;
    background: none;
    border: none;
    color: #e9e9e9;
    direction: ltr;
    text-align: left;
    word-spacing: normal;
    padding: 0 0;
    font-weight: bold;
}

code .token.punctuation {
    color: #ccc;
}

pre code .token.punctuation {
    color: #fafafa;
}

code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {
    color: #777;
}

code .namespace {
    opacity: .8;
}

code .token.property,code .token.tag,code .token.boolean,code .token.number {
    color: #e5dc56;
}

code .token.selector,code .token.attr-name,code .token.string {
    color: #88a9ad;
}

pre code .token.selector,pre code .token.attr-name {
    color: #fafafa;
}

pre code .token.string {
    color: #40ee46;
}

code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {
    color: #ccc;
}

code .token.operator {
    color: #1887dd;
}

code .token.atrule,code .token.attr-value {
    color: #009999;
}

pre code .token.atrule,pre code .token.attr-value {
    color: #1baeb0;
}

code .token.keyword {
    color: #e13200;
    font-style: italic;
}

code .token.comment {
    font-style: italic;
}

code .token.regex {
    color: #ccc;
}

code .token.important {
    font-weight: bold;
}

code .token.entity {
    cursor: help;
}

pre mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

pre code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

.comments pre {
    padding: 10px 10px 15px 10px;
    background: #2c323c;
}

.comments pre::before {
    content: 'Code';
    font-size: 13px;
    position: relative;
    top: 0;
    background-color: #f56954;
    padding: 3px 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 10px 0;
    font-weight: bold;
    border-radius: 4px;
    border: none;
}

.comments pre::after {
    font-size: 11px;
}

.comments pre code {
    color: #eee;
}

.comments pre.line-numbers {
    padding-left: 10px;
}

pre.line-numbers {
    position: relative;
    padding-left: 3.0em;
    counter-reset: linenumber;
}

pre.line-numbers > code {
    position: relative;
}

.line-numbers .line-numbers-rows {
    height: 100%;
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.5em;
    width: 3em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 0;
}

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
}

.line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
    transition: 350ms;
}

pre[data-codetype='CSSku']:before {
    background-color: #00a1d6;
}

pre[data-codetype='HTMLku']:before {
    background-color: #3cc888;
}

pre[data-codetype='JavaScriptku']:before {
    background-color: #75d6d0;
}

pre[data-codetype='JQueryku']:before {
    background-color: #e5b460;
}
ابحث عن الوسم </body> و اضف الكود التالي فوقه
<script src='https://mudwnp.googlecode.com/svn/trunk/prism.js' type='text/javascript'/>

ايضا ابحث عن الوسم </body> و اضف الكود التالي فوقه
<script>
$('pre').attr('class', 'line-numbers');
Prism.hooks.add("after-highlight",function(e){var t=e.element.parentNode;if(!t||!/pre/i.test(t.nodeName)||t.className.indexOf("line-numbers")===-1){return}var n=1+e.code.split("\n").length;var r;lines=new Array(n);lines=lines.join("<span></span>");r=document.createElement("span");r.className="line-numbers-rows";r.innerHTML=lines;if(t.hasAttribute("data-start")){t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)}e.element.appendChild(r)})
</script>
الان ايضا ابحث عن الوسم </body> و اضف الكود التالي فوقه
<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>

كيفية الاستخدام

عند كتابة موضوع جديد تنتقل إلى وضع HTML  و قم بوضع الاكواد التي تريدها مكان الكتابات التي باللون الاحمر
<pre title="HTML" data-codetype ="HTMLku"><code class="language-markup"> هنا توضع اكواد HTML </code></pre>
<pre title="CSS" data-codetype ="CSSku"><code class="language-css"> هنا توضع اكواد CSS </code></pre>
<pre title="Javascript" data-codetype ="JavaScriptku"><code class="language-javascript"> هنا توضع اكواد Javascript</code></pre>
<pre title="jQuery" data-codetype ="JQueryku"><code class="language-javascript"> هنا توضع اكواد JQuery </code></pre>

مع القليل من الخبرة في CSS يمكنك تنسيق الاضافة بشكل اكثر اي سؤال او استفسار لا تترد بوضعه في تعليق 

حصريآ نسخة العسال الذهبية المطورة و المحمية بالكامل( vBulletin 3.8.8 )




حصريآ نسخة العسال الذهبية المطورة و المحمية بالكامل( vBulletin 3.8.8 )



إقدم لكم النسخة الذهبية المطورة ومعربة بالكامل الاصدار 3.8.8




باذن الله تعالى روابط التحميل دائمة وسريعة 





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







تخصيص فيدبرنر لمدونات بلوجر

تخصيص فيدبرنر لمدونات بلوجر

كيفية تخصيص فيدبرنر للمدونة ,وتحسين فيدبورنر للمدونة


إذا كانت لديك مدونة جيدة و لها محتوى ذات جودة عالية و زوار للمدونة كثر ، كما نعلم فيدبورنر هو أفضل مزود إدارة إخباري /تغذية مزود الخدمة الذي يعمل إلى حد كبير من قبل 90٪ من المدونات في كل مكان.
لذلك يجب ان توفر للزائر نجربة على افضل وجه ممكن، إذا كنت تستخدم فيدبورنر يمكنك أن تفعل بعض مزاياه والتخصيص في صنع تغذة جذابة وسهلة للانتقال إلى تحقيق أفضل تجربة لللزائر لقرائة المدونة. و هذا سوف يساعدك للحفاظ على تغذية المدونة الخاصة بك الأمثل لتوافد الزوار على المدونة اعرف ان الموضوع طويل لكن اردت ذكر كل التفاصيل لللإفادة يجب قرائة الموضوع كاملا لأنه مهم لكل مدون


التسجيل في فيدبرنر

إذا لم تكن قد سجلت المدونة في فيد برنر حتى الان ، سوف تحتاج إلى تقديم المدونة الخاصة بك في فيد برنر. اذهبوا إلى
Google FeedBurner، تسجيل الدخول، وضع عنوان موقعك او المدونة في المنطقة المخصصة للمدونة، ووضع علامة "أنا podcaster!" ثم Next . ثم حدد لنوع، يمكنك الضغط على Atom أو RSS، أفضل الضغط على RSS .اختر لقب تغذية العنوان وهذا كل شيء، واضغط على Next ثم اضغط "تخطي مباشرة " !


تخصيص فيدبرنر لمدونات بلوجر


بعد تسجيل المدونة الخاصة بك و الخصول على الخلاصة، سترى لوحة فيدبورنر الخاص بك (أو Google FeedBurner Dashboard). الآن سنبدأ وفقا لعلامات التبويب المحددة.


تحسين - Optimize


1. التغذية الذكية - Smart Feed : انقر على Smart Feed، و الضغط على تنشيط - Active.


2. FeedFlare : إذا كنت تريد المشاركات الاجتماعية مرفقة جنبا إلى جنب في تغذية المدونة الخاص بك، يمكنك وضع علامة على الكل، وهناك الكثير من الخيارات مثل البريد الإلكتروني هذا، والبريد الإلكتروني المؤلف، ..... الخ


3. Summary Burner : وهذه هي الخطوة الأكثر أهمية لإظهار حجم المحتوى المحدد فقط أو ملخص المحتوى في الصفحة التغذية. يمكنك تعيين الحد الأقصى لطول الكلمات وأضيف شيئا في المربع مثل "يمكنك قراءة كل المحتوى عن طريق النقر على عنوان المقال" أو أي شيء تريده . وبالتالي يتم ما يلزم من التحسين، ويمكنك أيضا الذهاب لعلامات التبويب الأخرى.



التعريف - Publicize :


وذلك ببساطة تفعيل كافة الخدمات التي تريدها. ولكن لـ BuzzBoost / Email Subscription يجب أن تحاول هذه الحاجيات اشتراك في القائمة البريدية الخاصة لديك في المدونة .لذلك يجب تفعيل الاشتراكات على البريد الإلكتروني، و هما بالضغط على
Email Subscriptions, Ping Shot و تفعيلهم

الآن يمكنك تعيين تفضيلات Communication Preferences تحت تبويب Email Subscriptions، وهذا في غاية البساطة يمكنك تعيين البريد الإلكتروني الخاص بك هناك، وتأكيد موضوع البريد الإلكتروني وتأكيد هيئة البريد الإلكتروني.
تأكد من الحفاظ على $ (confirmlink) حيث تريده أن يظهر على رابط التفعيل للمستخدم) ثم احفظ بعد كل الذي تم اختياره.

Email Branding : يمكنك تعيين عنوان المدونة الخاصة بك هناك، لون وحجم ونوع الخط. يمكنك تخصيص ما يقرب من تغذية المدونة الخاصة بك والتي سوف يتم تسليمها في المدونة إلى المشتركين عبر البريد الالكتروني

Delivery Options : يمكنك أيضا تعيين ، وهناك لتحديد أو جدولة تسليم البريد الإلكتروني!



تأكد من تمكين / تفعيل Ping Shot
يمكنك أيضا عرض Feed Count على المدونة الخاص بك.
الآن يمكنك توصيل حساب تويتر الخاص بك مع فيدبورنر تحت تبويب Socialize ، و تعيين خيارات تنسيق واختيار البند و حفظ، والآن سيتم نشر خلاصات مدونتك على تويتر!

إذا كنت تقوم بإرسال محتوى حقيقي، المحتوى / مقالات، تأكد من أن تقوم بتنشيط Creative Commons!


آمل أن تكونوا قد وجدت هذه التدوينة مفيدة. إذا كان لديك أي مشاكل، يمكنك ترك تعليق لحل مشكلتك


في امان الله 

اضافة قائمة الفيس بوك متوافقة مع جميع الاجهزة

اضافة قائمة الفيس بوك متوافقة مع جميع الاجهزة

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

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




شرح التركيب

نبحث عن هذا الكود ]]></b:skin>و فوقه نضيف الكود التالي
* {
    margin: 0;
    padding: 0;
}
html {
    background-color: #E9EAED;
    height: 100%;
}
body {
    color: #333333;
    font-family: 'Helvetica Neue',Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
}

/* other elements */
#nav_v2 {
    display: none;
}
/* top level elements */
#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
    background-color: rgb(78,105,162);
    background: -moz-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
    background: -webkit-gradient(right top, right bottom, color-stop(0%, rgba(78,105,162,1)), color-stop(100%, rgba(59,88,152,1)));
    background: -webkit-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
    background: -o-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
    background: -ms-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
    background: linear-gradient(to bottom, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);

    border-bottom: 1px solid #3A4B7B;
    height: 22px;
    padding: 10px 0 10px 5px;
    position: relative;
}
#nav > li {
    float: right;
    height: 22px;
    padding-left: 6px;
    position: relative;
    text-align: right;
}
#nav > li > a {
    border: 1px solid transparent;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    margin: -3px 0 0 -1px;
    padding: 0 11px 0 1px;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
}
#nav > li:hover > a, #nav > a:hover {
    background-color: #425691;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    margin-left: -8px;
    padding: 0 11px 0 9px;
    position: relative;
    z-index: 1;
}
#nav > li.subs:hover > a {
    background-color: #FFFFFF;
    border: 1px solid rgba(100, 100, 100, 0.4);
    border-bottom-width: 0;
    border-radius: 2px 2px 0 0;
    color: #000000;
    text-shadow: 0 0 transparent;
    z-index: 2;
}
/* top items separator */
#nav > li:after {
    background-color: #405791;
    content: "";
    height: 17px;
    right: 1px;
    position: absolute;
    top: 2px;
    width: 1px;
}
#nav > li:first-child:after {
    background-color: transparent;
}
/* submenu */
#nav ul {
    background-color: #FFFFFF;
    border: 1px solid rgba(100, 100, 100, 0.4);
    *border: 1px solid rgb(100, 100, 100);
    border-radius: 0 0 3px 3px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    display: none;
    right: -1px;
    margin-top: 2px;
    min-width: 200px;
    padding: 6px 0;
    position: absolute;
    top: 100%;
    z-index: 1;
}
#nav li:hover ul {
    display: block;
}
#nav ul li a {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    color: #232B37;
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding: 0 22px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#nav ul li a:hover {
    background-color: #6D84B4;
    border-bottom: 1px solid #3B5998;
    border-top: 1px solid #3B5998;
    color: #FFFFFF;
}
/* responsive rules */
@media all and (max-width : 980px) {

    #nav {
        display: none;
    }
    #nav_v2 {
        background-color: rgb(78,105,162);
        border: 1px solid #3A4B7B;
        color: #FFFFFF;
        cursor: pointer;
        display: block;
        margin-bottom: 30px;
        padding: 6px;
        width: 100%;
    }
    #nav_v2 select {
        color: #FFFFFF;
        cursor: pointer;
    }
}

الان نبحث عن هذا الكود </head>و فوقه نضيف الكود التالي
<ul id='nav'>
    <li><a href='#'>الرئيسية</a></li>
    <li class='subs'><a href='#s1'>قائمة 1</a>
        <ul>
            <li><a href='#'>تعديل A</a></li>
            <li><a href='#'>تعديل B</a></li>
            <li><a href='#'>تعديل C</a></li>
            <li><a href='#'>تعديل D</a></li>
        </ul>
    </li>
    <li class='subs'><a href='#s2'>قائمة منسدلة 2</a>
        <ul>
            <li><a href='#'>تعديل E</a></li>
            <li><a href='#'>تعديل F</a></li>
            <li><a href='#'>تعديل G</a></li>
            <li><a href='#'>تعديل H</a></li>
        </ul>
    </li>
    <li><a href='#'>تعديل 3</a></li>
    <li><a href='#'>تعديل 4</a></li>
    <li><a href='#'>تعديل 5</a></li>
    <li><a href='http://mudwnp.blogspot.com/2014/06/facebook-like-menu-responsive.html/'>Back to Responsive menu tutorial</a></li>
</ul>

اهم الاعدادات


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

يمكنك ايضا مشاهدة : اضافة قائمة منسدلة مع ايقونات التواصل الاجتماعية

في امان الله

اضافة تأثير الزوم على الصور لمدونات بلوجر

اضافة تأثير الزوم على الصور لمدونات بلوجر

اضافة تأثير الزوم إلى الصور لمدونات بلوجر عند مرور مؤشر الماوس على الصورة


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





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


الان ابحث عن ]]></b:skin> و اضف الكود التالي فوقه

.zoomeffect img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 10px 5px 0;
}

.zoomeffect img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}

كيفية وضع الصور في الموضوع


عند كتابة موضوع جديد انتقل إلى وضع HTML
و قم بلصق هذا الكود في وضع HTML


 <a class="zoomeffect" href="#" target="_blank">
<img src="##" /></a>

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


يمكنك ايضا مشاهدة : اضافة تأثير الدوران على الصور لمدونات بلوجر  

تحياتي