16‏/12‏/2016

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



    معلومات عن الملحق

  • حجم الملف : 28 MB
  • الصيغة : PSD - AI
  • عدد الملفات : 3
  • الترخيص : مجاني
  • المصدر : غير معرف

12‏/12‏/2016

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

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

طيب لمن يرغب بعمل ذلك واتاحة مجال للأخرين فقدم لهم صفحة خاصة لملئ الطلب كهذا المثال:


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





شرح طريقة التركيب
1. مدونتك > الصفحات > انشئ صفحة جديدة
2. انتقل الى تبويب HTML ثم ضع الكود التالي
<style>h1.post-title{display:none}.contact-form-box>p{line-height:1.5;color:#666;border:1px solid #F1E8C3;background:#FDF6D7;padding:15px;border-radius:3px}.contact-form-box>b{background: #e83e3b; color: #FFF; text-transform: uppercase; font-size: 17px; text-align: center; display: block; margin: 0 -21px 15px; border-radius: 3px 3px 0 0!important; line-height: 45px; border: none;}.us_line{display:block;margin-bottom:15px;font-size:13px;color:#666;text-transform:uppercase;position:relative;font-family:tahoma,sans-serif;margin-left: 5px;}.us_line>b{display:block;text-transform:uppercase;}.us_line>input,.us_line>textarea,.us_line>select{border:1px solid #E2E2E4;background:#FDFDFD;padding:0 10px;width:100%;display:block;color:#999;border-radius:3px;height:35px;line-height:2}.us_line>input:focus,.us_line>textarea:focus,.us_line>select:focus{outline:1px solid #009EFD;color:#333}#ContactForm1_contact-form-reason{height:100px;padding:5px 10px}.us_line:nth-of-type(3),.us_line:nth-of-type(4),.us_line:nth-of-type(8),.us_line:nth-of-type(9){display:inline-block;width:49%}#sendform{background:#77CB59;color:#FFF;border:0;padding:10px 25px;text-transform:uppercase;font-weight:700;border-radius:3px;font-family:tahoma,sans-serif;cursor:pointer}#sendform:hover{background:#66AF4C}#sendform[disabled="disabled"]{background:#DDD!important}#contact_layout{font-family:tahoma,sans-serif;text-align:center;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:99999}.contact_top{margin:-55px auto 15px}.contact_top i{background:#70C340;color:#fff;font-size:35px;font-weight:400;text-align:center;margin:auto;border-radius:100%;line-height:60px;padding:0 14px;border:5px solid #FFF}.contact_message{width:40%;background:#FFF;color:#fff;border-radius:5px;padding:20px;text-align:center;color:#333;position:absolute;top:10%;left:50%;margin-left:-20%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.contact_message b{text-transform:capitalize;font-size:20px;display:block;font-weight:400}.contact_message p{margin:15px 0;color:#666}.contact_message a{display:block;background:#70c340;border-radius:5px;line-height:40px;color:#fff!important;text-transform:uppercase;font-weight:700;font-size:15px}.contact-form-error-message-with-border img{display:none!important}.error_message a,.error_message i{background:#E66148!important}@media screen and (max-width:768px){.contact_message{width:90%!important;margin-left:-45%!important}}@media screen and (max-width:420px){.us_line:nth-of-type(3),.us_line:nth-of-type(4),.us_line:nth-of-type(8),.us_line:nth-of-type(9){width:100%}}

.us_line:after{font-family:FontAwesome;position:absolute;bottom:6px;left:10px;z-index:100;color:#B0B1B1;font-size:13px;font-weight:400;opacity:.6}.us_line:nth-of-type(1):after{content:"\f007"}.us_line:nth-of-type(2):after{content:"\f0e0"}.us_line:nth-of-type(3):after{content:"\f222"}.us_line:nth-of-type(4):after{content:"\f133"}.us_line:nth-of-type(5):after{content:"\f21d"}.us_line:nth-of-type(6):after{content:"\f082"}.us_line:nth-of-type(7):after{content:"\f095"}.us_line:nth-of-type(8):after{content:"\f0f2";left:20px;bottom: 30px;
}.us_line:nth-of-type(9):after{content:"\f19d";left: 20px;bottom: 30px;}.us_line>input,.us_line>select{padding-left:30px!important}

.contact-form-box { border: 1px solid #fdf6d7; padding: 10px 20px; background: rgba(253, 246, 215, 0.48); border-radius: 3px; }

</style>
<div class="contact-form-box">
<b>الانضمام لفريق العمل</b>
<p>
مرحبا بك في صفحة التوظيف، ان كنت مهتما بالكتابة معنا ونشر تدويناتك الخاصة فراسلنا حالا.</p>
<form id='us_contact' name="contact-form">
<div class='us_line'>
<b>الإسم الكامل</b><input id="ContactForm1_contact-form-name" name="name" placeholder="الإسم الكامل" type="text" value="" required/></div>
<div class='us_line'>
<b>البريد الإلكتروني</b><input id="ContactForm1_contact-form-email" name="email" placeholder="البريد الإلكتروني" type="text" value="" required/></div>
<div class='us_line'>
<b>الجنس</b><select><option value="Male" name="gender" selected>ذكر</option><option value="Female" name="gender">أنثى</option></select></div>
<div class='us_line'>
<b>العمر</b><input id="ContactForm1_contact-form-age" name="age" placeholder="0" maxlength="2" type="number" min="1" max="30" value="" required/></div>
<div class='us_line'>
<b>مكان الإقامة</b><input id="ContactForm1_contact-form-domicele" name="age" placeholder="الدولة، المدينة" type="text" value="" required/>
</div>
<div class='us_line'>
<b>حسابك بالفيسبوك</b><input id="ContactForm1_contact-form-urlfb" name="age" placeholder="http://facebook.com/yourusername" type="url" value="" required/></div>
<div class='us_line'>
<b>الهاتف</b><input id="ContactForm1_contact-form-contact" name="age" placeholder="رقم الهاتف مرفوق بكود دولتك +" type="text" value="" required/></div>
<div class='us_line'>
<b>العمل</b>
<select>
<option value="مترجم" name="jobs" selected>مترجم</option>
<option value="كاتب" name="jobs">كاتب</option>
<option value="مصمم" name="jobs">مصمم</option>
<option value="مبرمج" name="jobs">مبرمج</option>
<option value="رفع ملفات" name="jobs">رفع ملفات</option>
<option value="ادمين للصفحة" name="jobs">ادمين للصفحة</option>
<option value="ادمين للموقع" name="jobs">ادمين للموقع</option>
</select>
</div>
<div class='us_line'>
<b>مستوى العمل</b>
<select>
<option value="لا شيء" name="lvl" selected>لا شيء</option>
<option value="مبتدئ" name="lvl" selected>مبتدئ</option>
<option value="ذو تجربة" name="lvl">ذو تجربة</option>
<option value="محترف" name="lvl">محترف</option>
<option value="خبير" name="lvl">خبير</option>
</select>
</div>
<div class='us_line'>
<b>اخبرنا القليل عن نفسك</b><textarea cols="25" id="ContactForm1_contact-form-reason" name="email-message" placeholder="اخبرنا القليل عن نفسك باختصار" required></textarea></div>
<div class='us_line dn' style='display:none;'>
<textarea style='display:none;' cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea><input style='display:none;' id="ContactForm1_contact-form-submit" type="button" value="Send" /></div>
<button type='button' onclick="generate()" disabled="disabled" id="sendform">أرسل</button>
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</form>
</div>
<script type="text/javascript">/*<![CDATA[*/if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');/*]]>*/</script>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script>
//<![CDATA[

var blogsid = "242104588016255323"; // Your BLOG ID
var nameblog = "//ar1web.com/"; // Your BLOG URL, don't copy HTTP: or HTTPS:
var successmsg = "<b>لقد تم ارسال طلبك بنجاح</b><p>
سوف نسعى جاهدين للرد على طلبك، في غضون 24 ساعة، إن لم يصلك الرد فتواصل معنا على صفحتنا.</p>
";
var invalidmsg =  "<b>مطلوب عنوان بريد إلكتروني صالح</b><p>
يجب أن تكتب عنوان البريد الإلكتروني الخاص بشكل صحيح.</p>
";
var notsendmsg = "<b>لم يرسل الطلب</b><p>
رجاأ أعد المحاولة</p>
";
var sett = {
name   : "Name",
email   : "Email",
gender   : "Gender",
age   : "Age",
domicele  : "Domicele",
urlfb   : "Url Facebook",
contact  : "Contact",
jobs   : "Jobs",
lvl   : "Level",
reason   : "Give your reasons why you want to join?",
br    : "\n"
};
//]]>
</script>
<script src="//rawgit.com/iHussam/ar1web/master/job.js" type="text/javascript"></script>

تغييرات مهمة
* غير 242104588016255323 بالمعرف الخاص بمدونتك



* غير ar1web.com إلى رابط موقعك بدون نسخ http: أو https
كما ذكرت يمكنكم تغيير الطلب لأي شيء وذلك بتغيير الكلمات فقط بما يناسبكم.
نسيت أن أذكر بأن الرسالة تصل على الإميل المسجل به في بلوجر.

06‏/12‏/2016

ستكون هذه التدوينة مثيرة للاهتمام لأن هناك ما يزيد عن 50 قالب مدفوع من موقع Themeforest لأجلكم، يوجد بالمجموعة قوالب متنوعة كما ان بعضها او اغلبيتها يدعم العربية لأن القوالب لم نجربها سنترك لكم تلك المهمة 😏
هذه بعض اسماء القوالب الموجودة :

  • Adamz Responsive Blogger Template
  • ActiveMag Blogger Template
  • Agista Blogger Template
  • AJBSpot Blogspot Theme
  • Avoid Blogspot Template
  • Sor Mag Blogger Template
  • وأكثر...
لمن يتسائل فالقوالب أصلية ومرفق معها كل المرفقات الخاصة بكل واحد منها. للتحميل توجه للروابط في يسار هذه التدوينة

14‏/09‏/2016

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

الواجهة كاملة



13‏/09‏/2016

مرحبا بكل مدون وعيد مبارك سعيد، سنتحدث اليوم عن اضافة صغيرة ومجدية للمدونة فإن أردت الإبتعاد عن الإضافات الكبيرة التي تخص صناديق الفيسبوك فهذه حتما ستفي بالغرض وهي لا تحتاج لوصف اكثر لذلك سأترككم مع المعاينة
شرح طريقة التركيب
1. من القالب ابحث عن ]]></b:skin> ثم ضع الكود التالي فوقه
 
._1dro ._1drp {direction: rtl!important; } #open-fb{background-color: #FFFFFF; border: 4px solid rgb(210, 210, 210); bottom: 0; border-bottom: 0; float:left; height: auto; margin-bottom: 0; margin-right: 5px; position: fixed; right: 0; width: auto; z-index: 10;} .close-fb{color: #333!important; position: absolute; top: 1px; right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 11px;} .slideUp{ animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideUp { 0% { transform: translateY(100%); } 50%{ transform: translateY(-8%); } 65%{ transform: translateY(4%); } 80%{ transform: translateY(-4%); } 95%{ transform: translateY(2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 50%{ -webkit-transform: translateY(-8%); } 65%{ -webkit-transform: translateY(4%); } 80%{ -webkit-transform: translateY(-4%); } 95%{ -webkit-transform: translateY(2%); } 100% { -webkit-transform: translateY(0%); } }
2. ابحث عن </body> وضع الكود التالي فوقه
<div class='slideUp' id='open-fb'>
<a class='close-fb' href='#close-fb-like-box' onclick='hide(&apos;open-fb&apos;)' title='اغلاق'><i class='fa fa-times'/></a>
<div class='fb-like-box ' data-header='false' data-height='62' data-href='https://www.facebook.com/arabe1web' data-show-faces='true' data-stream='false' data-width='187'><span style='height: 62px; width: 187px; '><iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Farabe1web&amp;width=187&amp;height=62&amp;show_faces=false&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true' style='border:none; overflow:hidden; width:187px; height:62px;'/>
</span></div></div>
<script type='text/javascript'>

function show(target) {
    document.getElementById(target).style.display = &#39;block&#39;;
}

function hide(target) {
    document.getElementById(target).style.display = &#39;none&#39;;
}
</script>
3. غير اسم صفحتنا arabe1web بخاصتك (متكرره مرتين)
خط Grand Theft Auto - على ما يبدو أن له وزن واحد وهو كذلك "BOLD" فإن كنت من محبي هذه اللعبة الشهيرة فتفضل وقم بإبداعك
خط سُكّر ـ خط ممزوج بالأحرف الأجنبية لينتج عنه خط عربي بثلاثة أوزان متاح للإستعمال المجاني على
خط ملهم - هو خط سيجعل تصميمك يعم بالأشكال وذلك من خلال وزنيه وشكله الفريد. يمكنكم البدء في تجربته عبر تحميله من الروابط بجانب