السلام عليكم و رحمته الله تعالى و بركاته ، و كالعادة مع قالب جديد و جميل إسمه Collector Template يصلح للمدونات التي تقدم و تعرض قوالب للتحميل تم كذالك المدونة التي تعرض برامج للتحميل .
مميزات هذا القالب :
قالب خفيف التصفح
عليه سلايد شو إحترافي
قائمة تسميات جميلة و إحترافية مع شكل آخر فوق رسائل المدونة بأزرار الألوان
عليه أزرار جميع المواقع الإجتماعية
عليه أداة مواضيع ذات صلة بشكل جميل
أزرار الصفحات ( رسائل أقدم ) ( رسائل احدت ) ( الصفحة الرئيسية ) بشكل جميل و أنيق
مقدمة المواضيع على جانب الياسر فلا مشكلة في ذلك عادي
تعديلات على القالب
لإضافة قائمة التسميات الجانبية من لوحة تحكم مدونتك إضغط على تخطيط إضافة إدراة Javascript/HTML و ضع هذا الكود عليها و إضغط على حفظ .
الإسم الملون باللون الأحمر غيره بسم القسم الخاص بمدونتك
الإسم الملون باللون الوردي غيره بسم قائمة التسميات الخاصة بمدونتك
قم بتغيير الرابط الذي باللون الأزرق برابط التسميات الخاصة بمدونتك
و الإسم الملون باللون الأخضر قم بوضع هناك إسم التسمية الخاصة بمدونتك
و الإسم الملون باللون البنفسجي غيره بوصف قصير عن التسمية
ملاحظة هامة : أنا لم أحدد جميع التغييرات التي يجب عليك القيام بها بالألوان فقم بتغييرها جميعها
لإضافة قائمة التسميات التي توجد على شكل أزرار بالألوان نفس الشيء إختر إدراة Javascript/HTML و قم بنسخ و لصق الكود التالي عليها
الإسم الملون باللون الأحمر هو إسم الألوان
ملاحظة : الكود يجب أن تضعه هنا كما على الصورة لتجنب أي خطأ
مميزات هذا القالب :
قالب خفيف التصفح
عليه سلايد شو إحترافي
قائمة تسميات جميلة و إحترافية مع شكل آخر فوق رسائل المدونة بأزرار الألوان
عليه أزرار جميع المواقع الإجتماعية
عليه أداة مواضيع ذات صلة بشكل جميل
أزرار الصفحات ( رسائل أقدم ) ( رسائل احدت ) ( الصفحة الرئيسية ) بشكل جميل و أنيق
مقدمة المواضيع على جانب الياسر فلا مشكلة في ذلك عادي
تعديلات على القالب
لإضافة قائمة التسميات الجانبية من لوحة تحكم مدونتك إضغط على تخطيط إضافة إدراة Javascript/HTML و ضع هذا الكود عليها و إضغط على حفظ .
<div class="mas-tp-dhead-wrap"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXTTW-_fqlBF5HBwYuG6R1fa5kS49robHmZsP7twTa5ac-U8UgvWDh7SfQ6vycUdbB26Yq0NLxkZ1dtPssR37WakbVnGTwZjzaXoipC1kZsvEDi0CUMlKoJCsCUqmX9DntOBwxU4HC08-u/s1600/lb-one-px.gif" alt="" /><span>قائمة القوالب </span></div>
<ul id="mas-op-box">
<li><a href="#">إسم القسم </a>
<ul>
<li><a href="http://diimablog.blogspot.com/search/label/1 Column?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/2 Columns?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/3 Columns?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/4 Columns?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
</ul>
</li>
<li><a href="#">إسم القسم </a>
<ul>
<li><a href="http://diimablog.blogspot.com/search/label/1 Left Sidebar?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/2 Left Sidebar?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/1 Right Sidebar?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/2 Right Sidebar?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Left and Right Sidebar?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
</ul>
</li>
<li><a href="#">إسم القسم </a>
<ul>
<li><a href="http://diimablog.blogspot.com/search/label/Fixed Width?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Fluid Width?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
</ul>
</li>
<li><a href="#">إسم القسم </a>
<ul>
<li><a href="http://diimablog.blogspot.com/search/label/Fashion?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Movie?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/News?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Natural?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Sport?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Video?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Cartoon?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Music?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Books?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Animals?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Money?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Health?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Game?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Girly?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Culture?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Fantasy?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Gadgets?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Software?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Space?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Personal?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Online Store?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Vector?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Transparent?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
</ul>
</li>
<li><a href="#">إسم القسم </a>
<ul>
<li><a href="http://diimablog.blogspot.com/search/label/Ads Ready?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Custom Navbar?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/CEO Ready?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Page Number?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Slideshow?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Bookmark Ready?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Slideshow?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Footer Columns?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
</ul>
</li>
<li><a href="#">إسم القسم </a>
<ul>
<li><a href="http://diimablog.blogspot.com/search/label/Magazine?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Free Premium?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Gallery?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Simple?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Wordpress Look?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Unique?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Elegant?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Fancy?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Floral?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Light Weight?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Web 2.0?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
</ul>
</li>
<li><a href="#">إسم القسم </a>
<ul>
<li><a href="http://diimablog.blogspot.com/search/label/Red?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Green?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Black?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
<li><a href="http://diimablog.blogspot.com/search/label/White?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Orange?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Brown?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Pink?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Gray?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Yellow?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Violet?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Blue?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
</ul>
</li>
<li><a href="#">إسم القسم </a>
<ul>
<li><a href="http://diimablog.blogspot.com/search/label/Education?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Business?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Entertainment?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Photography?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Sport?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Travel?max-results=12" title="وصف عن التسمية ">إسم التسمية </a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Gaming?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
</ul>
</li>
<li><a href="#">إسم القسم </a>
<ul>
<li><a href="http://diimablog.blogspot.com/search/label/Christmas?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
<li><a href="http://diimablog.blogspot.com/search/label/St. Valentine?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
<li><a href="http://diimablog.blogspot.com/search/label/Halloween?max-results=12" title="وصف عن التسمية ">إسم التسمية</a></li>
</ul>
</li>
</ul>
الإسم الملون باللون الأحمر غيره بسم القسم الخاص بمدونتك
الإسم الملون باللون الوردي غيره بسم قائمة التسميات الخاصة بمدونتك
قم بتغيير الرابط الذي باللون الأزرق برابط التسميات الخاصة بمدونتك
و الإسم الملون باللون الأخضر قم بوضع هناك إسم التسمية الخاصة بمدونتك
و الإسم الملون باللون البنفسجي غيره بوصف قصير عن التسمية
ملاحظة هامة : أنا لم أحدد جميع التغييرات التي يجب عليك القيام بها بالألوان فقم بتغييرها جميعها
لإضافة قائمة التسميات التي توجد على شكل أزرار بالألوان نفس الشيء إختر إدراة Javascript/HTML و قم بنسخ و لصق الكود التالي عليها
قم بتغيير الرابط الذي باللون الأزرق برابط التسميات الخاصة بمدونتك<div id='mas-color-sec' style='background:#2c2626; position:relative; height:54px; border:1px solid #120f0f; border-bottom:1px solid #473d3d; border-right:1px solid #473d3d;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-image: -moz-linear-gradient(top,#3b3232 0,#2c2626 100%); background-image: -ms-linear-gradient(top,#3b3232 0,#2c2626 100%); background-image: -o-linear-gradient(top,#3b3232 0,#2c2626 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#3b3232),color-stop(100%,#2c2626)); background-image: -webkit-linear-gradient(top,#3b3232 0,#2c2626 100%); background-image: linear-gradient(to bottom,#3b3232 0,#2c2626 100%);'>
<div id='mas-color-box-thumb' style='position:absolute;left:10px; top:10px;'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXTTW-_fqlBF5HBwYuG6R1fa5kS49robHmZsP7twTa5ac-U8UgvWDh7SfQ6vycUdbB26Yq0NLxkZ1dtPssR37WakbVnGTwZjzaXoipC1kZsvEDi0CUMlKoJCsCUqmX9DntOBwxU4HC08-u/s1600/lb-one-px.gif' style='width:34px;height:34px;background:no-repeat url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv7numOhnXrhLNw_rXTPwIHMuL-WUwTThQUxhfJTxFZa3ZenIFqqAz1RPH8mO3PQsoqZqPf-cHKurijc2WiRBSh-3ruON6P_96dRV71PT9KYQnd1CXNjhWN1krW0I7gDaMDos2VhFczW4V/s1600/bg-color.png)'/></div>
<h2 class='pmz' style='position:absolute;font-family:arial,sans-serif;font-size:15px;text-shadow:0px -1px 0px #000;line-height:20px;color:#b69786;left:56px;top:5px;border:none'>إختر لون القالب </h2>
<style type='text/css'>
.pmz{ padding:0; margin:0;}
#mas-color-sb{list-style:none; position:absolute; left:56px; bottom:10px; float:left;}
#mas-color-sb li{ height:13px; width:30px; display:block; margin:0 9px 0 0; float:left;-moz-border-radius: 2px;-webkit-border-radius:2px;border-radius: 2px; filter:alpha(opacity=100);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);opacity:1;}
#mas-color-sb li:hover{filter:alpha(opacity=70);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);opacity:0.7;}
</style>
<ul class='pmz' id='mas-color-sb'>
<a href='http://diimablog.blogspot.com/search/label/Red?max-results=12'><li style='background:#ff0000' title='Red'></li></a>
<a href='http://diimablog.blogspot.com/search/label/Green?max-results=12'><li style='background:#008000' title='Green'></li></a>
<a href='http://diimablog.blogspot.com/search/label/Black?max-results=12'><li style='background:#000000' title='Black'></li></a>
<a href='http://diimablog.blogspot.com/search/label/Orange?max-results=12'><li style='background:#ffa500' title='Orange'></li></a>
<a href='http://diimablog.blogspot.com/search/label/Brown?max-results=12'><li style='background:#a52a2a' title='Brown'></li></a>
<a href='http://diimablog.blogspot.com/search/label/Pink?max-results=12'><li style='background:#ffc0cb' title='Pink'></li></a>
<a href='http://diimablog.blogspot.com/search/label/Gray?max-results=12'><li style='background:#808080' title='Gray'></li></a>
<a href='http://diimablog.blogspot.com/search/label/Yellow?max-results=12'><li style='background:#ffff00' title='Yellow'></li></a>
<a href='http://diimablog.blogspot.com/search/label/Violet?max-results=12'><li style='background:#ee82ee' title='Violet'></li></a>
<a href='http://diimablog.blogspot.com/search/label/Blue?max-results=12'><li style='background:#0000ff' title='Blue'></li></a>
<a href='http://diimablog.blogspot.com/search/label/White?max-results=12'><li style='background:#FFFFFF' title='White'></li></a>
</ul>
</div>
الإسم الملون باللون الأحمر هو إسم الألوان
ملاحظة : الكود يجب أن تضعه هنا كما على الصورة لتجنب أي خطأ
ليست هناك تعليقات:
إرسال تعليق