تبليغاتX
طراحی بهترین قالب ها برای وبلاگ و سایت
صفحه نخست|خدمات|نمونه کارها|آرشیو وب|درباره من|ارتباط با من
         

سلام دوستان عزیز ممنون از نظرات خوب شما امروز یک براش یا همون قلمو برای فتوشاب گذاشتم که امیدوارم خوشتون بیاد هر چند حجم کمی داره ولی میتونید مثل یک فونت از این براش استفاده کنید و بنرها ولوگو های گرافیکی خوبی رو طراحی کنید  در ضمن پست بعدی اگر خدا بخواد میخوام قالب سازی رو دوباره به صورت حرفه ای دنبال کنم وقالب های خوبی به شما دوستان عزیز هدیه کنم در ضمن برای دانلود براش لطفا به ادامه مطلب مراجعه کنید.

بهترین وبلاگ در زمینه ی فتوشاب و طراحی قالب سایت و وبلاگ

برای نصب براش در برنامه  فتوشاپ مسیر زیر را باید دنبال کنید در ضمن در صورت نصب در غیر از درایو C  دنبال پوشه ادوبی بگردید.

 

C:\Program Files\Adobe\Adobe Photoshop 9.0 CS2 Me Or Adobe Photoshop 10.0 CS3 Me \Presets\Brushes

 

بعد از کپی براش در پوشه مورد نظر فتوشاب رو باز کنید و ابزار براش یا قلمو رو انتخاب کنید و بر روی فلش کوچک کلیک کرده و دنبال براشی به نام Wood Brushes بگردید و نهایت لذت رو  با فتوشاب ببرید.

 

                                               برای دانلود براش لطفا به ادامه مطلب بروید


ادامه مطلب
نوشته شده در  جمعه 21 تیر1387ساعت 5:26 بعد از ظهر  توسط بهزاد    

style براي حاشيه margin

margin براي افزودن حاشيه به کناره هاي عناصر داخل صفحه مانند پاراگرافها، عکسها يا حتي خود صفحه بکار ميرود که توسط اين خصوصيت حاشيه را در چهار طرف با دادن مقادير عددي بر حسب پيکسل  و يا درصد ميتوانيد کنترل کنيد. به اين نکته توجه فرماييد که اگر براي هر طرف مقادير متفاوت ميخواهيد بکاربريد پس بايد چهار مقدار با فاصله از هم بنويسيد مانند: margin:20px 45px 40px 100px که اولين عدد از سمت چپ مربوط به حاشيه بالاي عنصر و بترتيب براي راست، پايين و چپ محاسبه ميشود. و يا ميتوانيد دو عدد بکار بريد که مقدار اول حاشيه بالا و پايين و مقدار دوم حاشيه چپ و راست را کنترل ميکند  و همچنين اگر حاشيه ها بايد بمقدار مساوي باشند فقط يک عدد کافي است.

padding اين خصوصيت هم مانند margin عمل ميکند.

 

Style  براي کادر border

border اين خصوصيت عناصر صفحه را داخل يک کادر قرار ميدهد که در سه قسمت مقدار دهي ميشود، اولين مقدار مدلهاي مختلف کادر را تعيين ميکند که مقادير آن عبارتند از: none, dotted, dashed, solid, double, groove, ridge, inset, outset  دومين مقدار مربوط به تعيين ضخامت کادر است که با thin,medium,thick و يا با عدد بهمراه  px و آخرين مقدار رنگ کادر را کنترل ميکند، مانند:

style=” border: groove thin green”

نکته: شما ميتوانيد خصوصيات حاشيه و کادر يک طرف را هم تعيين کنيد. بطور مثال فقط حاشيه يک عنصر از بالا يا رنگ کادر در طرف چپ ، که براي اين موضوع کافيست تا خصوصيت را نوشته و يک خط تيره گذاشته و سپس اسم سمت مورد نظر را وارد کنيد و در آخر هم مقدار دهي آن.

margin-top: 40px
padding-left: 100px
border-bottom: dotted

Style  براي کنترل طول height و عرض width

height, width همانطور که ميدانيد اين دو خصوصيت براي کنترل ابعاد يک عنصر مانند جدول و يا يک عکس بکار ميروند که با عدد بر حسب پيکسل و با علامت مشخصه px و يا با درصد مقدار دهي ميشوند در ضمن شما ميتوانيد مقدار auto هم قرار دهيد که آن عنصردر اندازه حقيقي  خود ظاهر شود.  

 

Style  براي قرار گرفتن دو عنصر در کنار هم alignment

float اين خصوصيت مانند align عمل ميکند و با none, left, right مقداردهي ميشود محل قرار گيري دو عنصر را در کنار هم کنترل ميکند.

clear اين خصوصيت برعکس float است و مشخص ميکند که در کدام طرف يا در هر دو سمت هيچ عنصري نباشد که با none, left, right, both هم مقداردهي ميشود.

Style براي ليستها lists

list-style-type نوع ترتيب قرارگرفتن ليستها را کنترل ميکند که عدد يا علامت ابتداي هر گزينه در ليست بيايد که ميتوانيد از مقادير none, disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha استفاده کنيد.

list-style-image اگر بخواهيد بجاي مقادير بالا از عکس دلخواه خودتان براي علامتهاي ابتداي گزينه ها استفاده کنيد ميتوانيد اين خصوصيت را بکار بريد.

list-style-image: url ( images/bullet.gif )

list-style-position اين خصوصيت گزينه هاي ليست را دندانه دار ميکند و با inside, outside   مقدار دهي ميشود که بصورت پيش فرض براي ليستها outside در نظر گرفته ميشود.

نکته: بهتر است در اين خصوصيات تگ li را به عنوان selector انتخاب کنيد و همچنين اين سه خصوصيت را ميتوانيد بصورت خلاصه و يکجا بکار بريد

li { list-style: circle url(bullet.gif) inside }

  • همانطور که مشاهده ميکنيد ترتيب قرار گرفتن مقادير ابتدا type سپس image و در آخر position است.

     

    Style براي scrollbar

    اگر شما بخواهيد رنگ scrollbar مرورگر را تغيير دهيد ميتوانيد style  زير را به قسمت head صفحه اضافه کنيد:

    البته متناسب با رنگ آميزي صفحه ميتوانيد نام رنگها را تغيير دهيد. در هر عنصر ديگري که از scrollbar استفاده ميشود هم ميتوانيد با اضافه کردن خصوصيت style=” “ به تگ مربوطه، رنگ آنرا کنترل کنيد. بطور مثال براي تغيير رنگ scrollbar در textarea داخل يک فرم ، بصورت زير عمل ميکنيد:



    Style براي نشانگر موس   cursor

    بيشتر مواقع نشانگر موس بصورت يک فلش است که براي تغيير دادن شکل آن در صورت نيازاز خصوصيات زير استفاده کنيد:

    cursor: auto  نشانگر بصورت معمول نمايش داده ميشود.

    cursor: crosshair بشکل علامت مثبت است.

    cursor: default شکل پيش فرض خود را دارد.

    cursor: hand مانند لينکها شکل دست بخود ميگيرد.

    cursor: e-resize بصورت فلش شرقي غربي است.

    cursor: n-resize فلش شمالي جنوبي است.

    cursor: ne-resize فلش شمالشرقي به جنوبغربي.

    cursor: nw-resize برعکس حالت بالا.

    cursor: help يک علامت سوال اضافه ميکند.

    cursor: move فلش در چهارجهت .

    cursor: text بشکل نشانگر برروي متن است.

    cursor: wait شکل ساعت شني براي انتظار را اضافه ميکند.

    • نوشته شده در  چهارشنبه 19 تیر1387ساعت 11:5 قبل از ظهر  توسط بهزاد    

    Style براي عنصر متن

    • text-align  محل قرارگيري متن در يک سطر را کنترل ميکند و با justify, left, center, right مقداردهي ميشود.
    • text-indent براي دندانه دار کردن متن بکار ميرود و با عدد مقدار دهي ميشود که اگر در مقياس پيکسل باشد بعد از عدد بايد px نوشته شود مانند: text-indent:20px و اگر با درصد مقداردهي شود بايد علامت % را بگذاريد.
    • letter-spacing اندازه بين حروف را کنترل ميکند که براي حروف فارسي مناسب نيست و با عدد مقداردهي ميشود که بعد از عدد px يا em نوشته ميشود که در em بين حروف فاصله اي به اندازه حرف m توليد ميشود.
    • line-height براي کنترل فاصله خطوط از هم بکار ميرود و با عدد سپس px مقداردهي ميشود.
    • font-family براي تعيين نوع فونت بکار ميرود که در اين خصوصيت ميتوانيد چندين فونت را قرار دهيد که اگر سيستم بيننده سايت يک از آن فونتها را نداشت از ديگري استفاده کند، بدين صورت:font-family:Arial, Tahoma, Times New Roman
    • font-style آرايش فونت را از لحاظ اريب بودن تعيين ميکند که ميتوانيد از normal, italic, oblique استفاده کنيد.
    • font-weight آرايش حروف را از لحاظ ضخامت تعيين ميکند که به دو روش مقدار ميدهيد ، با کلمات  lighter, normal, bold, bolder و يا با اعداد بين 100 تا 900 .
    • font-size اندازه حروف را به سه مدل کنترل ميکند : در مدل absolute sizes از کلمات  xxsmall, small, medium, large, xlarge, xxlarge  در مدل relative sizes از smaller, larger استفاده ميکنيم و در مدل font-point-size اعداد 1 تا 12  قرار ميدهيم که بعد از عدد pt بايد بنويسيم .

    نکته: شما ميتوانيد چند خصوصيت بالا را که مربوط به font ميباشد را يکجا بصورت خلاصه تعريف کنيد که در اين حالت نيازي به نوشتن خصوصيات نيست و فقط مقادير آنها را به ترتيب زير مينويسم:

    font-style,font-weight,font-size,font-family

    کلمه font را به عنوان selector مينويسيم و مقاديرخصوصيات را به ترتيب بالا با رعايت فاصله دربين { } قرار ميدهيم،

    font { italic bold 20pt “Arial” Tahoma }

    • Color رنگ متن را تعيين ميکند که هم اسم رنگ و يا کد هگز رنگ را مينويسيد.
    • text-decoration اين خصوصيت وظيفه کشيدن خط براي حروف را دارد که ميتوان از underline براي کشيدن خط زير حروف، از overline در بالاي حروف، line-through بر روي حروف استفاده کرد و اگر نيازي به کشيدن خط نيست از none استفاده ميشود، همچنين blink که براي چشمک زدن حروف بکار ميرود ولي مرورگر اينترنت اکسپلورر آنرا نمايش نميدهد.
    • text-transform اين خصوصيت حروف را براي بعضي از زبانها مانند انگليسي کوچک و بزرگ ميکند و کاربردي براي فارسي ندارد. مقادير مربوط به آن none, capitalize, uppercase, lowercase است.

     

    Style براي زمينه صفحه و يا جدولها

    • background-color توسط اين خصوصيت رنگ زمينه را کنترل ميکنيد که اسم رنگ يا مقدار مخلوط سه رنگ قرمز، سبزوآبي را که rgb مينامند مينويسيد براي هر رنگ از عدد 0  تا عدد 255 در نظر گرفته شده است. Style=”background-color: rgb(10,255,0)”  داخل پرانتز عدد 10 نمايانگر رنگ قرمز و 255 رنگ سبز و 0 رنگ آبي است که شما هم بايد به همين ترتيب بنويسيد.
    • background-image توسط اين خصوصيت ميتوانيد يک عکس به زمينه صفحه يا جدول اضافه کنيد.

    background-image: { url ( www.sitename.com/images/image.gif ) }

    • background-repeat زمانيکه بوسيله خصوصيت بالا يک عکس به زمينه صفحه يا يک جدول  اضافه ميکنيد، آن عکس نسبت به اندازه اي که دارد آنقدر تکرار ميشود تا زمينه صفحه را پر کند اما توسط اين خصوصيت ميتوانيد تکرار آن را کنترل کنيد که اگر مقدار را repeat-x  قرار دهيد فقط يک رديف بصورت افقي تکرار ميشود و اگر repeat-y باشد بصورت عمودي و no-repeat باشد همان عکس فقط ديده ميشود بدون تکرار.
    • background-attachment اگر مقدار اين خصوصيت را fixed قرار دهيد عکسي که در زمينه صفحه است ثابت ميماند و عناصر و محتواي صفحه با scroll کردن بالا و پايين خواهند شد ولي اگر مقدار را scroll بگذاريم همراه با بقيه عناصر حرکت ميکند.
    • background-position به کمک اين خصوصيت محل قرارگيري عکس در زمينه صفحه را تعيين ميکنيد که مقادير آن عبارتند از، top,bottom,center,left,right

    نکته: شما ميتوانيد همه خصوصيات مربوط به زمينه background يا چند تا از آنها را بطور يکجا تعريف کنيد که با اين موضوع آشنا هستيد. و اما ترتيب قرار گرفتن آنها بدين صورت است،

    background-color,background-image,background-repeat,

    background-attachment,background-position

    به مثال زير دقت بفرماييد:

      background: { green url(image.gif) no-repeat fixed bottom }  

      style=” background: green url(image.gif) no-repeat scroll bottom right “

    نوشته شده در  چهارشنبه 19 تیر1387ساعت 11:4 قبل از ظهر  توسط بهزاد    

    زبان XHTML که مخفف EXtensible HyperText Markup Language در تاریخ 26 ژانویه سال 2000 منتشر شد و به قول بعضيها همان HTML 5 میباشد که در واقع اینچنین نیست. این زبان نسل جدید زبان وب ميباشد که داراي یکسري اصول و قوانین خاص است تا کمبودهايHTML را در مورد دستگاههاي کوچک الکترونیکي که به وب هم متصل ميشوند مانند تلفنهاي همراه، را جبران کند.

    مدتي است که وب آماده معرفي زبان آينده خود يعني XML است که XHTML اين وظيفه را بعهده دارد. در اين نسخه کدهايHTML  بايد در DTD نوشته شوند. هر مرورگر وب ، داخل خود يک نوع DTD دارد و به همين دليل است که يکسري از دستورات نسخه هاي مختلف HTML در بعضي از مرورگرها نمايش داده نميشوند. از اين به بعد شما بايد دستورات HTML را در DTD خاص خود بکار بريد، چون انجمن W3C ميخواهد يک استاندارد را معين کند تا هماهنگي لازم بين زبان وب و کليه User-agent ها برقرار شود. User-agent برنامه هاي تحت وب مانند مرورگرها را گويند.

                                  برای مشاهده ی بقیه ی مطلب به ادامه مطلب رجوع کنید.


    ادامه مطلب
    نوشته شده در  چهارشنبه 19 تیر1387ساعت 11:3 قبل از ظهر  توسط بهزاد    

    هنگامي که دکمه تاييد يک فرم زده مي شود اطلاعات وارد شده از صفحه عبور کرده و به سرور ( کامپيوتري که فايلهاي وب سايت شما بر روي آن قرار دارد ) فرستاده مي شوند تا پردازش شود. در اين قسمت بايد با دو خصوصيت action و method در تگ

    آشنا شويد. اين دو خصوصيت مشخص مي کنند که اطلاعات چگونه و به کجا بايد فرستاده شوند.

    در خصوصيت action آدرس فايلي که اطلاعات را تجزيه تحليل مي کند و بر روي سرور قرار دارد وارد مي شود که بطور معمول يا برنامه CGI و يا فايلهاي ASP است. CGI مخفف Common Gateway Interface است که فايلهاي آن با استفاده از زبان Perl, C ويا VB نوشته مي شوند و ASP مخفف Active Server Page است که يک زبان قوي تحت وب است که متعلق به شرکت مايکروسافت مي باشد. شما حتي مي توانيد اطلاعات گرفته شده از يک فرم را به آدرس ايميل هم بفرستيد که در اين حالت بايد خصوصيت action را برابر با”mailto:“ قرار دهيد.

    در خصوصيت method تعيين مي شود که اطلاعات گرفته شده از فرم چگونه و به چه صورت به برنامه و فايل پردازشگر اطلاعات برسد. به دو روش اطلاعات را مي توان به سرور فرستاد، يکي روش get و ديگري روش post مي باشد. اين دو روش تفاوتي با هم دارند که روش دوم يعني post استفاده بيشتري دارد. در روش اول بايد خصوصيت method=” “ را برابر با کلمه get قرار دهيم که پس از وارد کردن اطلاعات و زدن دکمه تاييد فرم ، مطالب وارد شده، به انتهاي آدرس درمرورگراضافه مي شود که از لحاظ امنيتي روش خوبي نيست اما در روش دوم اينگونه عمل نمي شود و در ضمن روش post با بيشتر مرورگرها سازگارتر است. خصوصيت ديگري هم هست که در تگ بکار مي رود و براي بالا بردن امنيت يک فرم است که اطلاعات گرفته شده از فرم را رمزدار کرده و به  سرور مي فرستد که اين خصوصيت enctype=”application/x-www.form.urlencodeed “ است .

    اما همانطور که گفته شد براي فرستادن اطلاعات يک فرم از طريق ايميل به آدرسي مشخص، بايد خصوصيت action=” “ را برابر با mailto: قرار داد و همچنين method=” “ را برابر با post و در خصوصيت enctype=” “ اصطلاح multipart/form-data  را مي نويسيم تا هر قسمت از اطلاعات وارد شده در فرم بصورت يک فايل متني جداگانه به ايميل پيوست شود و يا برابر با text/plain قرار ميدهيم. براي وارد کردن آدرس ايميل بايد آنرا در جلوي کلمه “mailto:”  نوشت، بدين صورت:

    دقت کنيد که بعد از زدن دکمه تاييد فرم پيغامي ظاهر شده که بيننده را از فرستادن يک ايميل مطلع مي کند و سپس برنامه پيش فرض ايميل کاربر باز مي شود .

    امروزه يکي از بهترين و پرکاربرد ترين برنامه براي جمع آوري و پردازش اطلاعات از يک فرم، زبان ASP مي باشد که در بخش مربوطه مي توانيد مطالب مورد نظر و چگونگي ارتباط با بينندگان سايت را از طريق فرم بياموزيد.

    نوشته شده در  چهارشنبه 19 تیر1387ساعت 11:2 قبل از ظهر  توسط بهزاد    

    استایل شیت ها یکی از مفید ترین عناصر وب میباشند که یکی از مزیتهای آن ساخت یک فایل و الگوی مشترک و استفاده آن در کلیه صفحات سایت می باشد. همین امر که از تکرار یک سری کد جلوگیری میکند باعث محبوبیت این عنصر در نزد طراحان وب شده است که تا امروزه از تیبل استفاده نشود و باعث لود سریع وب می گردد که در پست های بعدی به طور کامل به این موضوع پرداخته می شود و  شما هم با نظر های گرمتون باعث بشید تا مطالب بیشتری در این وب گذاشته بشود .

    برای مشاهده بقیه مطالب به ادامه مطلب بروید


    ادامه مطلب
    نوشته شده در  جمعه 14 تیر1387ساعت 6:40 بعد از ظهر  توسط بهزاد    

    این وبلاگ از این امروز به طور کاملا رسمی به بررسی قالب های وبلاگ و طراحی سفارشی و رایگان برای سیستم بلاگفا می پردازه  این وبلاگ دارای چهار سال سابقه ی کاری در زمینه ی وبلاگ نویسی و طراحی و ساخت سایت های تجاری و سرگرمی است از جمله راه اندازی سیستم های دیتا لایف ، موویبل تایپ (ام تی ) پی اچ پی نایک و...  بنابراین وبلاگ نیازمند نظر های سازنده شما در جهت هر چه بهتر مطالب می باشد.

     

     

    نوشته شده در  شنبه 1 تیر1387ساعت 3:33 بعد از ظهر  توسط بهزاد    
             

      Previous Post

             

      Online Form

    نام و نام خانوادگي:

    پست الکترونيک :

    آدرس سايت : 

    پيغام شما :