مايكل سوفت

Latest Threads

15 People Whose Looks Are...
Forum: Family and life
Last Post: Michael
10-11-2018, 07:00 PM
» Replies: 0
» Views: 5
22 Animals Who Just Can’t...
Forum: Family and life
Last Post: Michael
10-11-2018, 06:47 PM
» Replies: 0
» Views: 24
22 Photos Proving That Ca...
Forum: Family and life
Last Post: Michael
10-11-2018, 06:44 PM
» Replies: 0
» Views: 17
خبير أمني ينتقد التحاق خر...
Forum: اخبار مصر والعالم
Last Post: Michael
10-11-2018, 06:40 PM
» Replies: 0
» Views: 3
مللت شراء الزنجبيل؟ تعرف ...
Forum: اخبار مصر والعالم
Last Post: Michael
10-11-2018, 06:23 PM
» Replies: 0
» Views: 4
ترامب يطالب السعودية مجدد...
Forum: اخبار مصر والعالم
Last Post: Michael
10-11-2018, 06:21 PM
» Replies: 0
» Views: 5
السيسي لـ«الشعب المصري»: ...
Forum: اخبار مصر والعالم
Last Post: Michael
10-11-2018, 06:19 PM
» Replies: 0
» Views: 5
العالم بدون إنترنت غدا.. ...
Forum: اخبار مصر والعالم
Last Post: Michael
10-10-2018, 09:34 PM
» Replies: 0
» Views: 3
الحكومة تبدأ تفعيل قانون ...
Forum: اخبار مصر والعالم
Last Post: Michael
10-09-2018, 11:06 PM
» Replies: 0
» Views: 6
حسناء مدرجات الزمالك بعد ...
Forum: اخبار الرياضة
Last Post: Michael
10-08-2018, 04:22 PM
» Replies: 2
» Views: 131

Forum Statistics

Forum posts:3,694
Forum threads:2,618
Members:132
Latest member:ukymukyha

كود مميز جدا لعمل صفحات متعددة بصفحة واحدة

Posted by: Michael
11-20-2014, 11:28 AM
Forum: اكواد HTML لمنتديات احلى منتدى
- Replies (2)

اولا ده كود مميز جدا لعمل صفحات متعددة بصفحة واحدة

الكود
يوضع فى اى مكان يقبل اكواد ال HTML

Code:
<html lang="ar">

<head>

<meta charset="windows-1256">

<title>صفحات متعددة بصفحة واحده برمجة مايكل سوفت</title>

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">

<script src="//code.jquery.com/jquery-1.9.1.js"></script>

<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<link rel="stylesheet" href="/resources/demos/style.css">

<script>

$(function() {

$( "#tabs" ).tabs();

});

</script>

</head>

<body>

<div id="tabs">

<ul>

<li><a href="#tabs-1">فتح الصفحة الاولى</a></li>

<li><a href="#tabs-2">فتح الصفحة  الثانية</a></li>

<li><a href="#tabs-3">فتح الصفحة  الثالثة</a></li>

<li><a href="#tabs-4">فتح الصفحة  الرابعة</a></li>

<li><a href="#tabs-5">فتح الصفحة  الخامسة</a></li>

<li><a href="#tabs-6">فتح الصفحة  السادسة</a></li>

</ul>

<div id="tabs-1">

<p>الصفحة الاولى</p>

</div>

<div id="tabs-2">

<p>الصفحة الثانية</p>

</div>

<div id="tabs-3">

<p>الصفحة الثالثة</p>

</div>

<div id="tabs-4">

<p>الصفحة الرابعة</p>

</div>

<div id="tabs-5">

<p>الصفحة الخامسة</p>

</div>

<div id="tabs-6">

<p>الصفحة السادسة</p>

</div>

</div>

</body>

</html>

فى حالة ظهور مشاكل فى اللغة غير
windows-1256
الى الترميز المطلوب والمناسب لصفحتك

حصريا ومش عند اى حد ادوات التواصل الاجتماعى النسخه الماسية

Posted by: Michael
11-20-2014, 11:20 AM
Forum: اكواد HTML لمنتديات احلى منتدى
- Replies (2)

اولا الكود ده كان به اخطاء كثيرة جدا جدا لا تحصى ولكن تم بفضل الله حلها
طبعا لا اقدر ان انسى مساعدة المسؤلة الثانية من بعدى فى الموقع
Sauky
على استطاعتها تحليل الكود وايجاد حل لحوالى 60% من اعطال الكود

صور الكود

[Image: image.php?id=F04C_534591B5&jpg]

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

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

Code:
<style type="text/css">

                    img, a { border: 0; }

                    #likebox_1 {

                        z-index: 10005;

                        border:2px solid #3c95d9;

                        background-color: #fff;

                        width:276px;

                        height: 210px;

                        position: fixed;

                        top: 20%;

                        right: -280px;

                -webkit-transition:800ms;

                  -moz-transition:800ms;

                    -o-transition:800ms;

                        transition:800ms;

                    }

                    #likebox_1_1 {

                        width:276px;

                        height: 210px;

                        overflow: hidden;

                    }

                    #likebox_1 img {

                        position: absolute;

                        top: -2px;

                        left: -50px;

                    }

                    #likebox_1 iframe {

                        border:0px solid #3c95d9;

                        overflow: hidden;

                        position: static;

                        height: 60px;

                        left:-2px;

                        top:-3px;

                    }

                    #net_1 {

                        z-index: 10010;

                        border:2px solid #3c95d9;

                        background-color: #fff;

                        width:470px;

                        height: 594px;

                        position: fixed;

                        top: 4%;

                        right: -474px;

                -webkit-transition:800ms;

                  -moz-transition:800ms;

                    -o-transition:800ms;

                        transition:800ms;

                    }

                    #net_1_1 {

                        width:470px;

                        height: 594px;

                        overflow: hidden;

                    }

                    #net_1 img {

                        position: absolute;

                        top: -2px;

                        left: -50px;

                    }

                    #net_1 iframe {

                        border:0px solid #3c95d9;

                        overflow: hidden;

                        position: static;

                        height: 360px;

                        left:-2px;

                        top:-3px;

                    }

                    #polecam_1 {

                        z-index: 10004;

                        border:2px solid #6CC5FF;

                        background-color: #6CC5FF;

                        width:266px;

                        height: 490px;

                        position: fixed;

                        top: 28%;

                        right: -270px;

                -webkit-transition:800ms;

                  -moz-transition:800ms;

                    -o-transition:800ms;

                        transition:800ms;

                    }

                    #polecam_1_1 {

                        width:266px;

                        height: 490px;

                        overflow: hidden;

                    }

                    #polecamy_img {

                        position: absolute;

                        top: -2px;

                        left: -50px;

                        border: 0;

                    }

                    #google_1 {

                        z-index: 10003;

                        border-top:2px solid #0056a0;

                        border-bottom: 2px solid #0056a0;

                        border-right:2px solid #0056a0;

                        border-left: hidden;

                        background-color: #006ec9;

                        width:152px;

                        height: 97px;

                        position: fixed;

                        top: 36%;

                        right: -154px;

                -webkit-transition:800ms;

                  -moz-transition:800ms;

                    -o-transition:800ms;

                        transition:800ms;

                    }

                    #google_1_1 {

                        width:152px;

                        height: 97px;

                        overflow: hidden;

                    }

                    #google_img {

                        position: absolute;

                        top: -2px;

                        left: -48px;

                        border: 0;

                    }

            #youtube_1 {

                z-index: 10006;

                border:2px solid #cb1c0e;

                background-color: #fff;

                width:574px;

                height: 342px;

                position: fixed;

                top: 12%;

                right: -578px;

                -webkit-transition:800ms;

                  -moz-transition:800ms;

                    -o-transition:800ms;

                        transition:800ms;

            }     

            #youtube_1:hover { right:0; }

            #net_1:hover { right:0; }

            #likebox_1:hover { right:0; }

            #google_1:hover { right:0; }

            #polecam_1:hover { right:0; }

            #youtube_1_1 {

                width:564px;

                height: 342px;

                overflow: hidden;

            }

            #youtube_1 img {

                position: absolute;

                top: -2px;

                left: -50px;

            }

                    </style>

            <!--                youtube                -->

            <div id="youtube_1"><div id="youtube_1_1">

            <img src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/youtube.png" alt="" />

            <a href="http://micsoft.is-best.net/">مايكل سوفت</a>

          <p>محتوى اليوتيوب</p>

            </div>

            </div>

            </div>

            <div id="likebox_1"><div id="likebox_1_1">

            <img src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/facebook.png" alt="" />

            <a href="http://micsoft.is-best.net/">مايكل سوفت</a>

      <div dir="rtl" style="padding: 0pt; font-weight: bold; font-size: 10pt;

    margin: 0pt;

        overflow: scroll; width: 500px; height: 200px;">

          <script>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk'));</script>

         <div fb-xfbml-state="rendered" class="fb-like fb_edge_widget_with_comment fb_iframe_widget" data-href="" data-send="true" data-width="400" data-show-faces="true" style="padding:10px;">

             <span style="height: 24px; width: 400px;"><iframe src="http://www.facebook.com/plugins/like.php?api_key=124578887583575&locale=en_US&sdk=joey&channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D18%23cb%3Df17a9cb2fc0170e%26origin%3Dhttp%253A%252F%252F/%252Ff2de3f05fea3bc6%26domain%3D/%26relation%3Dparent.parent&href=/&node_type=link&width=400&layout=standard&colorscheme=light&show_faces=true&send=true&extended_social_context=false" class="fb_ltr" title="Like this content on Facebook." style="border: medium none; overflow: hidden; height: 24px; width: 400px;" name="f1605443947c896" id="f1932adabfc1718" scrolling="no"></iframe></span>

            </div>

            </div>

            </div>

            </div>

            <div id="polecam_1"><div id="polecam_1_1">

                          <img id="polecamy_img"

        src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/twitter.png"

        /><a href="http://micsoft.is-best.net/">مايكل سوفت</a>

    <P>عليك باضافة كود تويتر الخاص بك لتفعيل هذا الصندوق</P>

            </div>

            </div>

            </div>

            <div id="google_1"><div id="google_1_1">

            <img id="google_img" src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/google_plus.png" />

            <a href="http://micsoft.is-best.net/">مايكل سوفت</a>

            <div style="color:#999;font-size:11px; padding-top: 15px;

                padding-right:30px; margin:5px; width:98px; height:97px;">

          <script type="text/javascript"

        src="https://apis.google.com/js/plusone.js"></script>

        <g:plusone size="tall"></g:plusone>

            </div>

            </div>

            </div>

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

Quote:<p>محتوى اليوتيوب</p>

بكود مثلا ثناتك على اليتيوب او فديو الخ الخ او اى شىء اخر تريد
ايضا استبدال عبارة

Quote:<P>عليك باضافة كود تويتر الخاص بك لتفعيل هذا الصندوق</P>

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

منور بانضمامك لينا يا Dalal اهلا بيك

Posted by: Michael
11-20-2014, 11:05 AM
Forum: New members welcome
- Replies (2)

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

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

Posted by: Guest
11-20-2014, 10:29 AM
Forum: اكواد ورقة التصميم CSS لاحلى منتدى
- Replies (4)

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

مثال

Code:
   .name strong a[href="/u1"]{

       padding-left: 16px;

       background: url(http://illiweb.com/fa/admin/couronne.png) no-repeat left;}

   #repu {

       margin:3px 0;

       width:80px;

   }

الكود لعضو واحد فقط بجوار كلمة herf="u

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

الرقم 1 يكون لمنشىء المنتدى دوما

الصورة استبدل

http://illiweb.com/fa/admin/couronne.png

برابط الايقوانة التى تريدها

تغييير لون التحديد وخط التحديد

Posted by: Michael
11-20-2014, 10:24 AM
Forum: اكواد ورقة التصميم CSS لاحلى منتدى
- Replies (1)

تقوم هذه التقنية بتغيير لون التحدديد الافتراضى وهو الازرق

الى اى لون تريد
يعمل بكفاءة على متصفح Fire Fox
لا يعمل على IE
او Safari
لم يتم التجربة على باقى المتصفحات

Code:
   *::-moz-selection {background-color:#DC143C;color:#00FFFF;

   }

كود رائع جدا لتنسق الخط بالمشاركات بشكل احترافى جدا

Posted by: Michael
11-20-2014, 10:22 AM
Forum: اكواد ورقة التصميم CSS لاحلى منتدى
- Replies (1)

كود رائع جدا لتنسق الخط بالمشاركات بشكل احترافى جدا

الكود يوضع بالورقة CSS

Code:
.postbody{

font-size: 28px;

text-align: center;

font-weight: bold;

line-height: 1.0em;

}

استبدل الرقم 28 لما تراه مناسبا لك
بالتوفيق

نرجو العلم بان احلى منتدا لا تقبل المقاسات اكبر من 29 حيث انه احلى منتى لا توفر اكبر من ذلك

كود حصرى جدا لجعل التوقيع فى اطار محدد مثل التومبلات

Posted by: Michael
11-20-2014, 08:46 AM
Forum: اكواد ورقة التصميم CSS لاحلى منتدى
- Replies (2)

صورة قبل الكود

اما بعد الاضافة هايكون بالشكل ده

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

الكود

Code:
   .signature_div  {

   -moz-border-radius-bottomleft:8px;

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

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

   -moz-border-radius-topright:8px;

     border:2px  solid #000000;

   background:

   url(http://micsoft.xp3.biz/image.php?id=4FE6_53300F24&gif);

   background-position:top;

   background-repeat: no-repeat;

   display: block;

   overflow: auto;

   max-height:200px;

   overflow:auto;

   }

Pages (260): « Previous 1 ... 251 252 253 254 255 256 257 258 259 260

Login
Username/Email:
Password:	Lost Password?
	Remember me