هاوي الجرافيك

تكستورات ذهبية

noreply@blogger.com (sami web) — Tue, 27 Aug 2013 02:40:00 -0700

بسم الله الرحمن الرحيم

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

لتحميل الملف إضغط هنا

أكواد HTML

noreply@blogger.com (sami web) — Tue, 27 Aug 2013 01:23:00 -0700

أكواد javascript,Html

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

أكواد الروابط

فتح الرابط في نافذة جديدة

كود نص يضئ بالتدريج

var message="مدونة هاوي الجرافيك"
var neonbasecolor="gray"
var neontextcolor="yellow"
var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()

</script>
</h2>
</font></p>

كود شريط متحرك مع روابط

<center>
<style type="text/css">
#pscroller1{
font-size: 14px;
font-family: Tahoma;
width: 250px;
height: 250px;
border: 0px solid black;
padding: 5px;
background-color: white;
}

</style>

/*Example message arrays for the two demo scrollers*/

var pausecontent=new Array()
pausecontent[0]=''
pausecontent[1]=''
pausecontent[2]=''
pausecontent[3]=''
</script>

/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
***********************************************/

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}

// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}
</script>
<script type="text/javascript">

//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)

new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
document.write("<br />")
</script>
</center>

كود صور متحركة

بنرات ثلاثية الابعاد :

noreply@blogger.com (sami web) — Thu, 22 Aug 2013 15:03:00 -0700

بسم الله الرحمان الرحيم

اليوم نقدم لكم بنرات 3D

لتحميل البنرات من هنا

قالب باللون الاخضر والاسود

noreply@blogger.com (sami web) — Thu, 16 Aug 2012 17:11:00 -0700

اخواني الكرام اقدم بين ايديكم اليوم قالب من تعريب وتطويرمدونة الفوتوشوب للعرب ارجو من الله ان ينال اعجاب الجميع

لمعاينة القالب الاصلي اضغط هنــا

اضغط على الصورة للمشاهدة بالحجم الاصلي

ولمعاينة القالب بعد التعديل اضغط هنــا

( مرات التنزيل : -1 مرة )

تنبيه : قبل تركيب القالب يجب اخد نسخة احتياطية من القالب القديم على جهازك
معلومات عن القالب وكيفية التعديل عليه
* Slideshow احترافي لعرض المواضيع المميزة في المدونة يختفي تلقائيا عند الدخول الي اي موضوع

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

<div class='post'>

<ul class="slideshow">

<li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>

<li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>

<li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>

</ul>

</div>

شرح الكود :

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

<li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>

ملاحظة : يجب ان تكون ابعاد الصورة >> 600 PX في العرض × 240 PX في الارتفاع
اما ان كنت لا ترغب بهذه الاداة يمكنك حذفها من عناصر الصفحة

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

تميز تعليق صاحب المدونة عن باقي التعليقات

ويمكن تغير لون التعليق لصاحب المدونة من تحرير HTML بعد توسيع القالب والضغط على مفتاح Ctrl + F من لوحة المفاتيح والبحث عن هذا الكود

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

<style>

.comment-body-author {

background: none repeat scroll 0 0 #FAFAF0;

color: #000000;

border: 1px solid #EFF4D6;

font-family: tahoma;

margin: 5px 5px 10px 10px;

padding: 1px 10px 1px 10px;

}

</style>

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

ويمكن تخصيصه كالتالي
من تحرير HTML وبعد توسيع القالب قم بالبحث عن هذ الكود بالضغط على Ctrl + F

<data:post.body/>

اسفل منه مباشرة ستجد هذ الكود قم بتغير ما تم تلوينه كالتالي

<b:if cond='data:blog.pageType == "item"'>

<div class='postauthor'>

<img alt='' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRpXvcajXCYl1eF4mwp7y5P_JQPC7_srGEwvA2jwxbzi7jggSYYU57bZMl8OISILMdqALlNyLnrkno_R5cZ4VIswm-k8UCQ1t_dhuDqkQIS0g93xQ5dlUFz5SRL06l-hwxSqaj-xwv7-r-/' width='80'/>

<h4>بقلم عاشق النت</h4>

<p> انا عاشق النت إسم على مسمى, اعشق برنامج الفوتوشوب وأحببت إنشاء هذه المدونة لاضع فيها كل ما يتعلق ببرنامج الفوتوشوب من دروس وملحقات وصور وتصاميم حتى تكون طريق المستخدم العربى ليصل الى الاحترافية </p>

</div>

</b:if>

الاحمر لتغير رابط الصورة المصغرة لصاحب المدونة
الاخضر لتغير اسم صاحب المدونة .
الازرق لاضافة نبدة مختصرة عن صاحب المدونة

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

وللتعديل على المربع ووضع روابط مواقع النشر الخاصة بك قم بالتالي
1- لتغير رابط الخلاصة RSS ابحث عن الرابط التالي وستجده مكرر مرتين ثم قم بإستبداله برابط الخلاصة الخاص بك

http://feeds.feedburner.com/ps4ar

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

http://www.facebook.com/ps4ar

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

http://twitter.com/ps4ar

4 - لتغير رابط الاشتراك عبر البريد الالكتروني ابحث عن الرابط التالي وستجده مكرر مرتين ثم قم بإستبداله برابط اللاشتراك الخاص بك على موقع فيد بيرنر

http://feedburner.google.com/fb/a/mailverify?uri=ps4ar

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

وطبعا التخصيص سيكون مثل المربع السابق اي انه لكل موقع إتنين من الروابط ستقوم بإستبدالها بروابط حسابك الخاص
1 - رابط موقع تويتر

http://twitter.com/ps4ar

2 - رابط الخلاصة RSS

http://feeds.feedburner.com/ps4ar

3 - رابط الفيس بوك

http://www.facebook.com/ps4ar

نأتي الان لتعديل قائمة الروابط والطريقة ستكون من عناصر الصفحة من الاداة Menu-Bottom
قم بتحرير الاداة واضافة الروابط المراد عرضها في القائمة

لتظهر القائمة بشكل احترافي في المدونة بهذا الشكل

القالب مضاف اليه كود Meta Tag لكسب صداقة محركات البحث وكذلك لتحسين ظهور النتائج ويمكن فقط ان نضيف عليه وصف قصير للمدونة يظهر بعد عنوان المدونة ولعمل ذلك في بداية القالب ستجد كلمة دروس الفوتوشوب قم بتغيرها بوصف قصير يدل بشكل قوى على محتو مدونتك كما في الصورة

فوتر جميل باللون الاسود والروابط باللون الاخضر لاضافة ثلاثة ادوات اسفل المدونة

وللراغبين بعمل التبادل الاعلاني مع مدونات اخري اليكم هذا الكود الذي سيتم اضافته من عناصر الصفحة >> اضافة اداة >> ومن بين الادوات نختار اداة HTML/JavaScript ثم نضيف الكود التالي

<div align="center">

<table border="0" cellpadding="2" cellspacing="4" width="250" bgcolor="#ffffff">

<tbody><tr>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLUWfm3loGvi_0wOAhjD2GWF0R9LXR0F9LJ8AK0nLN75GH5OSqSG6BLe0MQ9-ldVZFD-SP28y22c4aDcXrEqRgJjhAxnCWeatyLgGp6K5fg9cGVUVs6XzQnxpO_eNypzLYW5gAHqIZrkA/" height="125" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLUWfm3loGvi_0wOAhjD2GWF0R9LXR0F9LJ8AK0nLN75GH5OSqSG6BLe0MQ9-ldVZFD-SP28y22c4aDcXrEqRgJjhAxnCWeatyLgGp6K5fg9cGVUVs6XzQnxpO_eNypzLYW5gAHqIZrkA/" height="125" /></a></center></td>

</tr>

<tr>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLUWfm3loGvi_0wOAhjD2GWF0R9LXR0F9LJ8AK0nLN75GH5OSqSG6BLe0MQ9-ldVZFD-SP28y22c4aDcXrEqRgJjhAxnCWeatyLgGp6K5fg9cGVUVs6XzQnxpO_eNypzLYW5gAHqIZrkA/" height="125" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLUWfm3loGvi_0wOAhjD2GWF0R9LXR0F9LJ8AK0nLN75GH5OSqSG6BLe0MQ9-ldVZFD-SP28y22c4aDcXrEqRgJjhAxnCWeatyLgGp6K5fg9cGVUVs6XzQnxpO_eNypzLYW5gAHqIZrkA/" height="125" /></a></center></td>

</tr>

</tbody></table>

</div>

شرح الكود :
الاحمر رابط المدونة المراد التبادل الاعلاني معها
الاخضر وصف قصير للمدونة يظهر اثناء مرور المؤشر على البنر
الازرق رابط البنر

ولتغير شعار المدونة من تحرير HTML قم بتوسيع القالب والبحث عن الرابط التالي واستبداله برابط الشعار الخاص بك

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0ngd5g7uisd5d2ouavRl3g1_XefmqcrA1PfVYlkc3ke7vkmHugQOhtOkK7YL4bq3wPCr70xLN7MBFxG1uMOrcvRURF8Eb7x7tYV6tgTq71uABKQfN5AEyYb_jzcMGJoFN2dMsE4B9BGs/

ملاحظة : ليضهر الشعار داخل الهيدر بشكل جميل يجب ان يكون بأبعاد 400 PX فى العرض × 120 PX فى الارتفاع

ولمن يريد تحميل القالب مضاف اليه هاك إقرأ المزيد مع الصورة المصغرة كما في الصورة

( مرات التنزيل : -1 مرة )

هذا وما كان من توفيق فمن الله وما كان من خطأ او نسيان فمني ومن الشيطان

نفعني الله واياكم بما علمنا وعلمنا ما ينفعنا وزادنا علما

لا تنسونا من صالح الدعاء .

ملاحظة : ارجو من كل من اراد نقل الموضوع دكر المصدر وارجو من الجميع عدم حذف الحقوق مع تمنياتي للجميع بالتوفيق والنجاح

المصدر

قالب إسلامي

noreply@blogger.com (sami web) — Thu, 16 Aug 2012 16:48:00 -0700

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

لمعاينة القالب الاصلي اضغط هنــا

اضغط على الصورة للمشاهدة بالحجم الاصلي

ولمعاينة القالب بعد التعديل اضغط هنــا

تنبيه : قبل تركيب القالب يجب اخد نسخة احتياطية من القالب القديم على جهازك
معلومات عن القالب وكيفية التعديل عليه , سيكون التعديل مثل القالب السابق
= = = = = = = = = = = = = = =

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

تميز تعليق صاحب المدونة عن باقي التعليقات
ويمكن تغير لون التعليق لصاحب المدونة من تحرير HTML بعد توسيع القالب والضغط على مفتاح Ctrl + F من لوحة المفاتيح والبحث عن هذا الكود

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

<style>

.comment-body-author {

background: none repeat scroll 0 0 #F8D5C3;

color: #000000;

border: 1px solid #EFF4D6;

font-family: tahoma;

margin: 5px 5px 10px 10px;

padding: 1px 10px 1px 10px;

}

</style>

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

ويمكن تخصيصه كالتالي
من تحرير HTML وبعد توسيع القالب قم بالبحث عن هذ الكود بالضغط على Ctrl + F

<data:post.body/>

اسفل منه مباشرة ستجد هذ الكود قم بتغير ما تم تلوينه كالتالي

<b:if cond='data:blog.pageType == "item"'>

<div class='postauthor'>

<img alt='' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRpXvcajXCYl1eF4mwp7y5P_JQPC7_srGEwvA2jwxbzi7jggSYYU57bZMl8OISILMdqALlNyLnrkno_R5cZ4VIswm-k8UCQ1t_dhuDqkQIS0g93xQ5dlUFz5SRL06l-hwxSqaj-xwv7-r-/' width='80'/>

<h4>بقلم عاشق النت</h4>

<p> انا عاشق النت إسم على مسمى, اعشق برنامج الفوتوشوب وأحببت إنشاء هذه المدونة لاضع فيها كل ما يتعلق ببرنامج الفوتوشوب من دروس وملحقات وصور وتصاميم حتى تكون طريق المستخدم العربى ليصل الى الاحترافية </p>

</div>

</b:if>

http://feeds.feedburner.com/ps4ar

http://www.facebook.com/ps4ar

http://twitter.com/ps4ar

http://feedburner.google.com/fb/a/mailverify?uri=ps4ar

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

http://twitter.com/ps4ar

2 - رابط الخلاصة RSS

http://feeds.feedburner.com/ps4ar

3 - رابط الفيس بوك

http://www.facebook.com/ps4ar

لتظهر القائمة بشكل جميل في المدونة بهذا الشكل

فوتر جميل لاضافة ثلاثة ادوات اسفل المدونة

<div align="center">

<table border="0" cellpadding="2" cellspacing="4" width="250" bgcolor="#ffffff">

<tbody><tr>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl5UcFKJ8yOi6_meThCJ3nnhWp4ID9Vp2NWrQdVsOOeCAbV0insJWb4fXDkUlSHJGTLEmFKLnsc5V4H-LtOAcSSyyzxmyVMktlQtieMOKqRc05HdaKpLMGDOcxP6VqlY1FX1mbSvqbUWU/" height="125" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl5UcFKJ8yOi6_meThCJ3nnhWp4ID9Vp2NWrQdVsOOeCAbV0insJWb4fXDkUlSHJGTLEmFKLnsc5V4H-LtOAcSSyyzxmyVMktlQtieMOKqRc05HdaKpLMGDOcxP6VqlY1FX1mbSvqbUWU/" height="125" /></a></center></td>

</tr>

<tr>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl5UcFKJ8yOi6_meThCJ3nnhWp4ID9Vp2NWrQdVsOOeCAbV0insJWb4fXDkUlSHJGTLEmFKLnsc5V4H-LtOAcSSyyzxmyVMktlQtieMOKqRc05HdaKpLMGDOcxP6VqlY1FX1mbSvqbUWU/" height="125" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl5UcFKJ8yOi6_meThCJ3nnhWp4ID9Vp2NWrQdVsOOeCAbV0insJWb4fXDkUlSHJGTLEmFKLnsc5V4H-LtOAcSSyyzxmyVMktlQtieMOKqRc05HdaKpLMGDOcxP6VqlY1FX1mbSvqbUWU/" height="125" /></a></center></td>

</tr>

</tbody></table>

</div>

ولتغير شعار المدونة من تحرير HTML قم بتوسيع القالب والبحث عن الرابط التالي واستبداله برابط الشعار الخاص بك

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7YlnRVSk2xdi4qDsJvujzrpVJ7E2A7QlE5gDdZfTAw1zpadA0Kbg9nqjuZDZ6pS4by5mK43GEDfKFYHohAZ3-TH8OQSjxGHZUXnEHNoCPrU5X1BJM9QFFS4-7fChSqKYGr9wgm7KWgdE/

ملاحظة : ليضهر الشعار داخل الهيدر بشكل جميل يجب ان يكون بأبعاد 400 PX فى العرض × 120 PX فى الارتفاع
ويمكن تغير شعار المدونة بتحميل هذا الملف المضغوط الذي يحتوي على الخط المستخدم في كتابة الشعار + ملف psd من الرابط التالي
http://sites.google.com/site/hawenet7/rar-zip/logo.rar
وبعد تحميل الملف وفك الضغط قم بإضافة الخط الى مجلد الخطوط في الويندوز ثم قم بتحرير ملف الــ psd وكتابة اسم المدونة الخاصة بك

ايضا لتغير سورة الملك للقارئ احمد بن علي العجمي , يمكنك ذلك بتغير الرابط التالي برابط السورة التي تريد شرط ان تكون على رابط مباشر

https://sites.google.com/site/hawenet7/mp3/al-ajmy%2866%29.mp3

هذا وما كان من توفيق فمن الله وما كان من خطأ او نسيان فمني ومن الشيطان

نفعني الله واياكم بما علمنا وعلمنا ما ينفعنا وزادنا علما

لا تنسونا من صالح الدعاء .

ملاحظة : ارجو من كل من اراد نقل الموضوع دكر المصدر وارجو من الجميع عدم حذف الحقوق

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

عندما اقوم بإعادة تصميم قالب من الالف الى الياء وبدل جهد كبير في تعديله الله اعلم به , والتدقيق في كل زاوية من القالب ليظهر بأجمل شكل للزائر العربي وا وا وا

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

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

مع العلم اني لم اطلب اي مقابل إلا عدم حذف الحقوق من القالب وهذه ابسط الاشياء لتقدير الجهد المبدول

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

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

noreply@blogger.com (sami web) — Wed, 18 Jul 2012 04:56:00 -0700

50 نصيحة يجب على كل مصمم أن يعرفها

هذه المقالة التي انتشرت بغضون شهر على جميع مواقع الجرافيك الاجنبية

اصبح من اللازم أن تعرفها جيدا الأن هي للمبدع jamie wieck كن مستعدا سترى أفضل نصائح جرافيكية الأن

-
-
-
-

1- أنت لست الأول.

انت لست الوحيد اللذي بدء في العمل باستديو أو عمل خاص أو طلب تدريب في اي شركة , تستطيع أن تفعل ذلك !

2- هناك دائما شخص أفضل

هناك الكثير ممن يفكرون في هذا الموضوع كثيرا لا تضيع وقتك بالقلق من هذه الأمور

3- النجاح ليس له حدود

يعلمونا في الجامعات والكليات انه من أجل أن تنجح , على الأخرين أن يفشلوا , لكن في الحقيقة نجاح الأخرين لا يضع حدودا لنجاحك

4- لا يمكن أن تسجل دون أن يكون لديك هدف

اذا لم تكن تعرف ما تريد فكيف ستستطيع أن تصل الى ما تريد ؟؟ أن يكون لديك هدف يحدد لك نقطة النهاية وبالتالي نقطة البداية

5- البداية في أي شيء تحتاج للطاقة

الطاقة اللازمة للبدء أكبر من الطاقة اللازمة للتوقف , وهذه حقيقة فيزيائية , فكرتك ومهنتك تحتاجان لهذه الطاقة

6- الطريق للعمل أسهل مما تتخيل

للدخول في صناعة تحتاج الى ثلاث أشياء , عمل جيد , طاقة , وشخصية لطيفة والكثير ينسوا النقطة الأخيرة !

7- ليكن لديك صورة ايجابية عن نفسك

نظرتك لنفسك هي اهم شيء تملكه أنظر لنفسك دائما على أنك الشخص اللذي تريد وسوف يراك الأخرين كذلك

8- أحصل على موقع الكتروني بسيط ونظيف

حصولك على موقع الكتروني امر مهم لعرض أعمالك , الأمر سهل لا يوجد عذر لعدم وجود موقع لك على الانترنت

9- قدس عملك

لا تتوقف عن تجديد لائحة أعمالك , ثلاث أعمال جيدة , افضل من عشرة أعمال ضعيفة , لا أحد ينظر للكمية الجميع تهمه الجودة

10- استمع الى غريزتك

اذا انت لم تكن متحمس لعملك الشخصي فلن يتحمس له أي شخص أخر لا تحاول اصطناع الشغف بعملك اللذي اللذي انت غير راض عنه

11- اجعل عمل سهل العرض

الناس كسولين , اذا كنت تريد الأخرين أن يروا أعمالك , اجعل ذلك سهلا , معظم اصحاب العمل يريدون ببساطة أن يروا صورة Jpg أو PDF

12- العناوين المكتوبة بخط اليد

العملاء وأصحاب العمل والعملاء المحتملون تجذبهم الرسائل التي كتب عليها العنوان بخط اليد, لا بأس بالقليل من اللمسة الشخصية

13- الوقت ثمين , إختصر

تجنب المزح عندما تتصل على شركة للعمل , لقد رأو ذلك من قبل , اعط المفيد وسيكونوا شاكرين لك

14- لا تقبل أن تتدرب دون أي مقابل

لا تفكر أنك سيء ! مكان العمل اللذي لا يدفع للمتدربين ( على الأقل الحد الأدنى من الراتب) هو مكان لا يستحق العمل لديه

15- تتدرب في أكثر من مكان عمل

التدريب في الشركات من الممكن أن يكون غير مجدي ماليا , لكنه ضروري فهي تساعدك على تشكيل نظرتك للعمل وإيجاد القواعد التي تناسبك

16- لا تستهتر في تدريبك

أحيانا قد يكون العمل ممل ومتعب , تجاهل ذلك وأحرص على أن تجد دوما شيء تفعله

17- كوّن صداقة مع أصحاب المطابع

علاقة جيدة مع مطبعة هي امر قيّم , هذا سيوفر عليك المال وسيحافظ على البيئة

18- ابحث عن مخازن بيع الادوات والمواد التي تحتاجها في عملك

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

19- كن صبورا

أمر طبيعي أن تكمل تدريبك ولم تجد المكان المناسب للعمل , جرب أن تتقدم للعمل في أماكن لم تكن تفكر في العمل فيها

20- إسأل

لا تفترض شيئا , اسأل الأسئلة حتى لو كنت تظن أنك تعرف الجواب , سوف تفاجئ بأنك تعرف القليل

21- إسأل عن الفرص

إطلب أن تشارك في المعارض والمجلات والإجتماعات , اذا لم تطلب أن تكون هناك فلن تكون

22- إبحث عن النقد , وليس المدح

لن تتعلم شيء عندما يخبرك الجميع بأن عملك رائع , مهما كان عملك جيدا, ابحث على من ينتقدك ويمكنك بأي حال أن تتجاهله إذا لم يكن مجدي

23- كون صداقات , لا أعداء

مجال عملك هو عالم صغير الجميع يعرف الجميع تذكر ذلك قبل أن تتصرف بشكل غير لائق

24- الأخبار تنتقل بسرعة

المتدرب الجيد تسبقه سمعته فتعرض عليه الوظائف قبل أن يطلبها

25- لا تثمل في الأحداث المهمة في العمل

في النهاية هذا قد يكلفك كرامتك و سمعتك وربما وظيفتك

26- علاقات

هناك حكمة تقول “ليس المهم ما تعرفه , المهم من تعرفه” تحدث لأشخاص وأرسل ايميلات وفي النهاية سجل في تويتر

27- ليكن مظهرك عمليا

خذ عمل بجدية , ثم خذ مظهرك بجدية , العملاء يجبون التعامل مع أشخاص يبدو عليهم الاهتمام

28- لا تعمل أبدا بدون مقابل

العمل المجاني يقلل من قيمة مهنتك حتى العملاء الجيدين من الممكن أن يستغلوك

29- فاوض

اذا كنت مضطر أن تعمل بدون مقابل , فاوض , العملاء وأصحاب العمل لديهم العديد من المصادر التي من الممكن اعتبارها كدفعات

30- اقرأ العقود

لا توقع على العقود قبل قرائتها ولا تبدأ اي وظيفة بدون عقد حتى لو اضطررت لكتابته بنفسك.

31- اجعل فاتورتك مميزة

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

32- لا يوجد شيء اسمه وظيقة سيئة

ادفع نفسك دائما لعمل الافضل ,لن يخيب املك اذا فعلت ما في وسعك.

33- لا يوجد شيء اسمه زبون سيء

انها مسؤوليتك ان تجعل علاقتك مع الزبون جيدة وليست وظيفة الزبون .اذا لم تسطع اطرد الزبون !

34- اعتنق العوائق

العوائق مهمة لانشاء عمل ناجح, فهي تعطيك الحافز اللازم,من الضغط فهذا يأتي بالابداع

35- البيئة المحيطة بك ليست عائقاً

تأثير البيئة على عملك ليس اعتبار ثانوي بل هي اعتبار رئيسي

36- المشكلات المملة تقود الى حلول مملة

اعد تعريف السؤال : كل مشكلة لها حل مميز واحد وليس اكثر

37- الافكار الجديدة دائما غبية

الافكار التي تولد خارج السياق ودون معايير النجاح –تجعلها تبدو سخيفة وغريبة واحيانا مستحيلة

38- لا تقلل من اهمية المبادرة الفردية

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

39- برر قراراتك

يخشى الزبائن القرارات العشوائية, فهم يريدون حل للمشكلات ووجود سبب لكل شيء حتى ولو كان القرار منطقياً

40- اجعل الجميع يرى رسوماتك وليس افكارك

يختلط على الزبائن عادة العمل الالكتروني مع التصميم النهائي ارهم دائما رسومات حتى يشعروا انهم داخل التصميم

41- اعمل مع الزبون وليس ضده

قد تظن انك على حق لكن انظر دائما الى وجهة نظر الزبون فقد تتفاجأ!

42- لا تقبل دائما ب ” لا ” كاجابة

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

43- اختر معاركك

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

44- اذا كنت ستفشل, فافشل بشكل جيد

الطموح يعني ان تقوم بالامور التي تظن انك لا تستطيع فعلها, الفشل مؤسف لكنه ضروري احيانا

45- كن سيد عملك

بغض النظر عمن تعمل معه لا تسكت ابدا عن الخطأ وخذ على عاتقك مسؤولية جودة العمل

46- تحمل مسؤولية فشلك

اذا حدث خطأ ما في عمل معين تحمل المسؤولية ,قد يبدو هذا غير منطقياً , لكن تحمل المسؤولية يعني انك تستطيع ان تفعل شيئا

47- شارك افكارك

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

48- اخرج من الاستوديو

التصاميم الجيدة تأتي من فهمك للعلاقة بين الاشياء. ولا يمكنك فهم هذه الصلات وانت محبوس في المكتب

49- الجوائز جميلة لكنها ليست مهمة

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

50- لا تأخذ نفسك بجدية

خذ عملك بجدية خذ اشغالك ومهنتك بجدية لكن لا تأخذ نفسك جديا حتى لا يضحك عليك الناس

المصدر

كيف أصبح مصمما ؟ طريقي لأكون مصمم جرافيك

noreply@blogger.com (sami web) — Mon, 2 Apr 2012 05:19:00 -0700

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

قد يبدو للكثير من هواة التصميم أنه لابد من الدراسة والدراية بأمور التقنية لتعلم التصميم فعلاً هذا صحيح ..ولكن يمكن تعلم التصميم بقليل من الخبرة بأمور الحاسب ؛ قد يحتاج الأمر إلى الذوق فى التنسيق بين العناصر والألوان لإنتاج عمل جيد.

فلا تستهين بهوايتك فربما تفوق خبرة الخبراء.

فى البداية هذه بعض الخطوات لتصبح مصمم جرافيك ناجح:

تحديد الهدف من تعلم التصميم فيجب أن تسأل نفسك أولاً "لماذا أتعلم التصميم؟ فوجود الهدف أول خطوات النجاح.
تجهيز جهاز الحاسب بالبرنامج الذى تريد تعلمه .
البدء من آخر نقطة وصل إليها الآخرون فلا داعى تضييع الوقت بتعلم برامج قديمة فيكون من الأفضل تعلم أحدث البرامج .
الإستعانة بالدروس وتطبيق كل درس لإكتساب الخبرة.
الإستعانة بالقوالب Templates ومحاولة معرفة طريقة تصميمها.
الدقة والإهتمام بالتفاصيل ليخرج العمل أفضل ما يكون.
قبول النقد والإستفادة منه.
الصبر على التعلم ولا تنس أن سفينة نوح بناها مبتدئون ..و تيتانك بناها محترفون.

من أين أبدأ؟

برامج التصميم كثيرة جداً ولعل أهمها هو برنامج الفوتوشوب لأنه لايمكن الإستغناء عنه لأى مصمم ويعتبر مساعد لمعظم البرامج .

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

فكرة عن برامج التصميم :على سبيل المثال

برنامج الفوتوشوب Adobe Photoshop

وهو الأول فى مجال الجرافيك وآخر إصدار له CS5 و الإصدار مدمج معه برنامج Adobe ImagReady لصناعة الصور المتحركة.

برنامج إليستريتور Adope illustrator

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

برامج الفلاش Adobe FLASH

لعمل مقاطع فلاشية تعتمد على الأنيميشن الحركة والتحكم بالماوس ومن أفضل المواقع لتعلم الفلاش مدونة الفلاش

برنامج سويش ماكس swishmax

من إنتاج شركة سويشزون وهو أيضا يستخدم لصنع الفلاش وألعاب الفلاش وتصميم المواقع الفلاشية وهذا كتاب لتعلم السويش للمبتدئين

برنامج أفترإفكتس Adobe After Effects

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

برامج التصميم ثلاثى الأبعاد:

ومن أشهر هذه البرامج 3dmax , Google Sketch up

برنامج دريم ويفر Adobe Dreamweaver

ويعتبر من أهم البرامج لبناء مواقع الويب ويدعم لغات البرمجة المستخدمة فى الويب.

ماذا عن تصميم المواقع؟

تصميم المواقع يعتمد بشكل كبير على الصور والتصاميم ولكن يجب تعلم لغات البرمجة HTML , CSS وهى لغات بسيطة جدا وأساسية على الإنتر نت تستطيع تعلمهم فى فترة قصيرة ويوجد أيضا لغات برمجة أخرى هامة مثل : " JAVA SCRIPT , Php , ASP "

هذا الموضوع بواسطة مدونة كن داعياللخير

حمل مجانا شعارات مميزة

noreply@blogger.com (sami web) — Sun, 1 Apr 2012 18:44:00 -0700

السلام عليكم ورحمة الله تعالى وبركاته

اقدم لكم شعارات متنوعة شفافة بصيغة

PNG- 400 X 400

لتحميل الشعارات من هنا

درس عمل شعار بالفوتوشوب

noreply@blogger.com (sami web) — Sun, 1 Apr 2012 17:18:00 -0700

تصميم شعار مميز

السلام عليكم ورحمة الله تعالى وبركات

اخواني الكرام درسنا اليوم هوكيفية تصميم شعار بالفوتوشوب

ولمن اراد تحميل الدرس التالي من هنا

انقر على الصورة لمشاهدتها بالحجم الطبيعي

صور للتصميم عالية الجودة

noreply@blogger.com (sami web) — Wed, 7 Mar 2012 11:14:00 -0800

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

السلام عليكم ورحمة الله وبركاته

لتحميل الصور اظغط هنا

أيقونات بذوق اسلامي الجزء الاول

noreply@blogger.com (sami web) — Wed, 7 Mar 2012 10:20:00 -0800

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

السلام عليكم ورحمة الله وبركاته

أقدم لكم اليوم أيقونات اسلامية أتمنى أن تنال إعجابكم

لتحميل الايقونات اظغط هنا

أيقونات بذوق اسلامي الجزءالثاني:

noreply@blogger.com (sami web) — Thu, 1 Mar 2012 16:20:00 -0800

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

السلام عليكم ورحمة الله وبركاته

لتحميل الايقونات اظغط هنا

فن الجرافيك

noreply@blogger.com (sami web) — Wed, 29 Feb 2012 12:29:00 -0800

تعريف الجرافيك

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