قالب احجار

الثلاثاء، 13 ديسمبر 2016

خط Grand Theft Auto

خط Grand Theft Auto - هو واحد من افضل الخطوط و يحتوي على وزن واحد وهو كذلك "BOLD" فإن كنت من محبي هذه اللعبة الشهيرة فتفضل وقم بإبداعك عليها

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjylnOsb8qhpwsDGKSC_FBKPdKiAkwu1uHXyPCihqlFKJCOhzGVGBwvogT7VFgRPLJz17l-hzHoANLX2eLnlpZI8wZ5Wh3BRzY4inRTEmNuGcULtyD4C4z_RWsk7kKVpA6OfADW9SzTVXc/s1600/

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfr4txN3TssDOrpqUdptgFeNNLT3KOZLGyeC2j0uLqgUBihpxqeuODnWA4yi6X5h8r0z1vCt_N5Tjg8fRUw2laNDz-DlEYpbR1JnRusqi8qyJdwZgGo3tgORiyULLj6VLnhhk0R2ttil4/s1600/

تحميل

Unknown Pada 6:26 ص Komentar

الاثنين، 12 ديسمبر 2016

اضافة صندوق طلب الخدمات على خمسات

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

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

أول خطوة عليك فتح قالب المدونة
والبحث عن الوسم ]]></b:skin>
ثم قم بوضع هذا الكود فوقه مباشرة

/* ------------------------------
* Header khamssat by Nak1ha
http://nak1ha.blogspot.com/
* ------------------------------ */
.radio-info1 {
text-align: center;
font-size: 26px;
}
.radio-side1 {
border-bottom: 5px solid #dd2f2f;
border-top: 5px solid #dd2f2f;
width: 100%;
height: 304px;
padding: 17px;
background: #444444 url(//khamsat.hsoubcdn.com/assets/splash-7531fc6a7a3f995f040e4b83a2309ed1.jpg) fixed; color: #fff;
}
.radio-name1 {
margin-top: 18.5px;
margin-bottom: 22px;
text-align: center;
}
.radio-name1 .fa {
font-size: 69px;
color: #fff;
}
.radio-button1 .button {
padding: 8px 18px;
background: #FFFFFF;
color: #444444;
border-radius: 4px;
border: 3px solid #FFF;
transition: all 0.4s ease;
font-size: 16px;
}
.radio-button1 {
margin-top: 50px;
}
.radio-button1 .button:hover {
background: #444444;
color: #fff;
transition: all 0.4s ease;
}

في الخطوة الثانية عليك ان تركز معي فيها جيدا
أولا عليك الاختيار أين ستضع الاضافة هل فوق الفوتر أو في السايدبار ثم اتبع الشرح الآتي

فوق الفوتر

01-اذن ان كنت اخترت وضع الاضافة فوق الفوتر عليك البحث عن هذا الوسم 'footer وتقوم بوضع هذا الكود قبله مباشرةثم اعمل حفظ للقالب

<div class='radio-side1'>
<div class='radio-name1'>
<img alt='' class='quott' src='http://f.top4top.net/p_297245181.png'/></div>
<div class='radio-info1'>
اكتشف آخر الأعمال والخدمات التي أقدمها على خمسات
<div class='radio-button1'>
<a class='button' href='https://khamsat.com/' target='_blank'>

طلب خدماتى
</a>
</div>
</div>
</div>

في السايدبار

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

Unknown Pada 12:11 م Komentar

اضافة صفحة ألوان فلات لمدونات بلوجر

اضافات بلوجر جديد

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV-cVoXWwjYhvn5ynvRo8lL1LigLL5-RKJVXoAbJ_SBHRD-fodjRe6n2rBiYyhRYeQV73K0kzava-ArlPIqvFrsOTN5geAmE6Ezdjh0PIL23ifdgq2TPAHWIl1nccJjpVvps1qAbqKr8s/s640/

كثراً من يلاحظ بعض المدونات تمتلك صفحة ثابته بمدونتها بأسم " الوان فلات " او صفحة الالوان او غير ذالك , اليوم سوف اشرح لكم كيفية اضافة هذه الصفحة في مدونتك وبأفضل الوان الفلاتالاحترافية وبتاثيرات احترافي غاية في الروعة , قمنا بتجربتها في مدونتنا ونالت اعجاب الكثير واليوم نشرحها لكم بالتفصيل

معاينة

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

انتقل إلى لوح تحكم مدونتك،

إختر "تخطيط" ثم إضافة أداة ,ثم اختر HTML/Javascript

والآن الصق داخل المستطيل الكود التالي :

<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="flatuarlina">
<ul class="flatui">
<li style="background: #5C97BF;">كود اللون #5C97BF
</li>
<li style="background: #4B77BE;">كود اللون #4B77BE
</li>
<li style="background: #1F3A93;">كود اللون #1F3A93
</li>
<li style="background: #2574A9;">كود اللون #2574A9
</li>
<li style="background: #67809F;">كود اللون #67809F
</li>
<li style="background: #34495E;">كود اللون #34495E
</li>
<li style="background: #3A539B;">كود اللون #3A539B
</li>
<li style="background: #1E8BC3;">كود اللون #1E8BC3
</li>
<li style="background: #6BB9F0;">كود اللون #6BB9F0
</li>
<li style="background: #22313F;">كود اللون #22313F
</li>
<li style="background: #336E7B;">كود اللون #336E7B
</li>
<li style="background: #19B5FE;">كود اللون #19B5FE
</li>
<li style="background: #89C4F4;">كود اللون #89C4F4
</li>
<li style="background: #2C3E50;">كود اللون #2C3E50
</li>
<li style="background: #3498DB;">كود اللون #3498DB
</li>
<li style="background: #22A7F0;">كود اللون #22A7F0
</li>
<li style="background: #94E0EE;">كود اللون #94E0EE
</li>
<li style="background: #52B3D9;">كود اللون #52B3D9
</li>
<li style="background: #59ABE3;">كود اللون #59ABE3
</li>
<li style="background: #26A65B;">كود اللون #26A65B
</li>
<li style="background: #1E824C;">كود اللون #1E824C
</li>
<li style="background: #00B16A;">كود اللون #00B16A
</li>
<li style="background: #2ABB9B;">كود اللون #2ABB9B
</li>
<li style="background: #4DAF7C;">كود اللون #4DAF7C
</li>
<li style="background: #03A678;">كود اللون #03A678
</li>
<li style="background: #26C281;">كود اللون #26C281
</li>
<li style="background: #019875;">كود اللون #019875
</li>
<li style="background: #3FC380;">كود اللون #3FC380
</li>
<li style="background: #16A085;">كود اللون #16A085
</li>
<li style="background: #2ECC71;">كود اللون #2ECC71
</li>
<li style="background: #C5EFF7;">كود اللون #C5EFF7
</li>
<li style="background: #C8F7C5;">كود اللون #C8F7C5
</li>
<li style="background: #049372;">كود اللون #049372
</li>
<li style="background: #36D7B7;">كود اللون #36D7B7
</li>
<li style="background: #66CC99;">كود اللون #66CC99
</li>
<li style="background: #1BA39C;">كود اللون #1BA39C
</li>
<li style="background: #1BBC9B;">كود اللون #1BBC9B
</li>
<li style="background: #65C6BB;">كود اللون #65C6BB
</li>
<li style="background: #BFBFBF;">كود اللون #BFBFBF
</li>
<li style="background: #ABB7B7;">كود اللون #ABB7B7
</li>
<li style="background: #DADFE1;">كود اللون #DADFE1
</li>
<li style="background: #95A5A6;">كود اللون #95A5A6
</li>
<li style="background: #C5DCE2;">كود اللون #C5DCE2
</li>
<li style="background: #BDC3C7;">كود اللون #BDC3C7
</li>
<li style="background: #EEEEEE;">كود اللون #EEEEEE
</li>
<li style="background: #D2D7D3;">كود اللون #D2D7D3
</li>
<li style="background: #F0E2C5;">كود اللون #F0E2C5
</li>
<li style="background: #EB9532;">كود اللون #EB9532
</li>
<li style="background: #E67E22;">كود اللون #E67E22
</li>
<li style="background: #F27935;">كود اللون #F27935
</li>
<li style="background: #F9BF3B;">كود اللون #F9BF3B
</li>
<li style="background: #F7CA18;">كود اللون #F7CA18
</li>
<li style="background: #F9690E;">كود اللون #F9690E
</li>
<li style="background: #F39C12;">كود اللون #F39C12
</li>
<li style="background: #D35400;">كود اللون #D35400
</li>
<li style="background: #F4D03F;">كود اللون #F4D03F
</li>
<li style="background: #F5AB35;">كود اللون #F5AB35
</li>
<li style="background: #EB974E;">كود اللون #EB974E
</li>
<li style="background: #F2784B;">كود اللون #F2784B
</li>
<li style="background: #F4B350;">كود اللون #F4B350
</li>
<li style="background: #E87E04;">كود اللون #E87E04
</li>
<li style="background: #E74C3C;">كود اللون #E74C3C
</li>
<li style="background: #CF000F;">كود اللون #CF000F
</li>
<li style="background: #C0392B;">كود اللون #C0392B
</li>
<li style="background: #D64541;">كود اللون #D64541
</li>
<li style="background: #EF4836;">كود اللون #EF4836
</li>
<li style="background: #96281B;">كود اللون #96281B
</li>
<li style="background: #D91E18;">كود اللون #D91E18
</li>
<li style="background: #E26A6A;">كود اللون #E26A6A
</li>
<li style="background: #FF0000;">كود اللون #FF0000
</li>
<li style="background: #F22613;">كود اللون #F22613
</li>
<li style="background: #E08283;">كود اللون #E08283
</li>
<li style="background: #9B59B6;">كود اللون #9B59B6
</li>
<li style="background: #8E44AD;">كود اللون #8E44AD
</li>
<li style="background: #BE90D4;">كود اللون #BE90D4
</li>
<li style="background: #BF55EC;">كود اللون #BF55EC
</li>
<li style="background: #9A12B3;">كود اللون #9A12B3
</li>
<li style="background: #913D88;">كود اللون #913D88
</li>
<li style="background: #722D6A;">كود اللون #722D6A
</li>
<li style="background: #740A4E;">كود اللون #740A4E
</li>
</ul>
</div>
<style scoped="" type="text/css">
#flatuarlina ul.flatui{position:relative;display:table;width:100%;text-align:center;color:#fff;font-size:12px;margin:auto;position:relative;padding:0}
#flatuarlina ul.flatui li{position:relative;display:flex;float:left;width:25%;min-height:160px;padding:4%;list-style:none;background:#444;text-align:center;font-family:inherit;color:rgba(255,255,255,);font-size:1.1rem;margin:auto;font-weight:700;backface-visibility:hidden;transition:all .3s cubic-bezier(1,0.015,0.295,1.225)}
#flatuarlina ul.flatui li:hover{z-index:4}
#flatuarlina ul.flatui li:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:;z-index:1;opacity:0;visibility:hidden;transform:scale(0.4)}
#flatuarlina ul.flatui li:hover:before{opacity:1;visibility:visible;transform:scale(1.0)}
#flatuarlina ul.flatui li:after{content:'اضغط مرتين لنسخ الكود';display:block;position:absolute;padding:10px 0;font-weight:400;font-size:.8rem;left:0;right:0;bottom:0;opacity:0;color:rgba(255,255,255,.5);font-weight:700;visibility:hidden;transform:translate(0,30px);transition:all .3s cubic-bezier(1,0.015,0.295,1.225);transition-delay:.1s}
#flatuarlina ul.flatui li:hover:after{opacity:1;visibility:visible;transform:translate(0,-10px);z-index:1;transition-delay:.8s}
#flatuarlina ul.flatui li .kodebesar{width:100%;padding:0;display:block;float:none;margin:auto;clear:both;z-index:3}
#flatuarlina ul.flatui li .kodekecil{width:100%;padding:0;display:block;float:none;margin:0 auto 10px auto;font-weight:400;font-size:.8rem;clear:both;z-index:3}
@media screen and (max-width:800px){#flatuarlina ul.flatui li{width:33.3%;line-height:normal}}
@media screen and (max-width:640px){#flatuarlina ul.flatui li{width:50%}}
@media screen and (max-width:480px){#flatuarlina ul.flatui li{width:100%}}
</style>
</div>

Unknown Pada 4:14 ص Komentar

السبت، 12 نوفمبر 2016

قالب التنظيف لمدونات بلوجر

اضافات

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

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><head><b:skin><![CDATA[/*-----------------------------------------------Name : CNMU Cleaning TemplateDesigner URL : http://cnmu.blogspot.comyear : 2015----------------------------------------------- */]]></b:skin></head><body><b:section class='main' id='main' showaddelement='yes'><b:widget id="Blog1" locked="true" type="Blog" /></b:section></body></html>

Unknown Pada 7:20 ص Komentar

الخميس، 10 نوفمبر 2016

Watermelon Smile خط انجليزي احترافي

جديد خطوط انجليزية

خط Watermelon Smile هو خط انجليزي احترافي يتميز بحروفه الكبيرة و ينصح به للاستخدامات و العلامات التجارية

تحميل

Unknown Pada 2:54 م Komentar

الثلاثاء، 8 نوفمبر 2016

ProMag قالب بلوجر احترافي و متجاوب

جديد قوالب قوالب بلوجر

pro mag قالب جديد و احترافي معرب يدويا و معرب بنسبة 100% ولا توجد به اي اخطاء وهو قالب رائع جدا على شكل مجلة و يمتلك مضهر جميل جدا و القالب متجاوب مع جميع الشاشات و ايضا يمتلك اضافات جميلة و رائعة منها اخر المواضيع التي اعجبتني كثيرا .

مميزات و اضافات القالب

قالب متجاوب

أزرار مشاركة الموضوع

اداة اخر المواضيع

مواضيع ذات صلة

سلايدشو احترافي

مساحات اعلانية

الوان جميلة

خط عربي جميل و واضح

تحميل معاينة

كيفية تركيب الاضافات

أعلى المشاركات (الملونة بالاصفر):

أضغط على "تحرير" ثم ضع فيها أسم تسمية .

الهيدر (الملون بالاخضر):

1- Top-Social مواقع اجتماعية: اضغط على "تحرير" وملئها على هذا الشكل .

في خانة "اسم الموقع الجديد" قم باستبدال كلمة "facebook" مع أي موقع تواصل اجتماعي
مثل (...twitter , youtube , google-pluse , etc)

2- Main-nav القائمة الرئيسية : أضغط على "تحرير" وستفتح لك نافذة ملئها على هذا الشكل .

السلايد شو (الملون بالارجواني)

أضغط على "تحرير" ثم ضع فيها أسم تسمية

Home-Widget1 (الملون بالازرق)

أضغط على "إضافة أداة" ثم اختار "HTML/Javascript"القالب يمتلك شكلين من صندوق المشاركات بحسب التسميةو هما "twocolumns" , "bsummary"
وهذه طريقة اضافتهما
[اسم تسمية][اسم شكل منهم]
للمثال: [رياضة][twocolumns]
انضر الى الصور التالية:

السايدبار (الملون بالبرتقالي):

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

1 - لاضافة ازرار المتابعة: أضغط على "اضافة اداة" ثم "HTML/Javascript" وضع فيها الكود التالي

[socialcounter]
[facebook][#][215K]
[twitter][#][115K]
[youtube][#][215,635]
[dribbble][#][14K]
[linkedin][#][556]
[google-plus][#][200K]
[instagram][#][152,500]
[rss][#][5124]

و قم بتغيير ما باللون الاحمر بروابط صفحاتك على مواقع التاوصل
2 - لاضافة اخر المواضيع: أضغط على "اضافة اداة" ثم "HTML/Javascript" وضع فيها الكود التاليrecentpostsثم اضغط على حفظ