۱۲استایل بندی لینک ها
سلام دوستان عزیز. امروز تصمیم گرفتم تا براتون ساخت یه باکس لینک دار رو آموزش بدم. نمونش رو دارین توی عکس می بینید که لینکتون چطوری میشه. آموزش جالبیه.
این نمونه ساده ی کد یک لینک هست
<a href=”http://Example.com“>Text</a>
شما باید یه اطلاعات کلی در مورد استایل نویسی داشته باشید. اگه ندارید می تونید از کدی که براتون گذاشتم استفاده کنید و این آموزش رو اجرا کنید.
این استایل برای اینه که شما لینکهاتون رو براش یه باکس درست کنید و درست یه چیزی مثل عکس بشه.
<style>
#pagin a
{
font-family:Tahoma;
font-size:11px;
display:block;
float:left;
cursor:pointer;
color:#00c;
text-decoration:none;
display:inline-block;
border:1px solid #ccc;
padding:.3em .7em;
margin:0 .38em 0 0;
text-align:center
}
#pagin a:hover
{
background:#f0f7e8;
border:1px solid #83bc46
}
#pagin a.sel
{
color:#333;
font-weight:normal;
background:#f0f7e8;
cursor: default;
border:1px solid #83bc46
}
</style>
#pagin a
{
font-family:Tahoma;
font-size:11px;
display:block;
float:left;
cursor:pointer;
color:#00c;
text-decoration:none;
display:inline-block;
border:1px solid #ccc;
padding:.3em .7em;
margin:0 .38em 0 0;
text-align:center
}
#pagin a:hover
{
background:#f0f7e8;
border:1px solid #83bc46
}
#pagin a.sel
{
color:#333;
font-weight:normal;
background:#f0f7e8;
cursor: default;
border:1px solid #83bc46
}
</style>
خوب حالا رسیدیم به وقت گذاشتن لینکها. حالا برای گذاشتن اینجور لینکهایی دیگه نمی تونید از کد اون نمونه ساده استفاده کنید و برای این کار باید لینکهاتون رو طبق کدهای زیر قرار بدید.
<div id=”pagin”>
<a class=”sel”>1</a><a href=”/a.htm”>2</a>
<a href=”/b.htm”>3</a>
</div>
<a class=”sel”>1</a><a href=”/a.htm”>2</a>
<a href=”/b.htm”>3</a>
</div>
دوستانی که کپی می کنند لینک منبع یادشون نره.
این هم یه کد کلی و کامل :
<html>
<head>
<title>CSS used in Pagination</title>
<style>
#pagin a
{
font-family:Tahoma;
font-size:11px;
display:block;
float:left;
cursor:pointer;
color:#00c;
text-decoration:none;
display:inline-block;
border:1px solid #ccc;
padding:.3em .7em;
margin:0 .38em 0 0;
text-align:center
}
#pagin a:hover
{
background:#f0f7e8;
border:1px solid #83bc46
}
#pagin a.sel
{
color:#333;
font-weight:normal;
background:#f0f7e8;
cursor: default;
border:1px solid #83bc46
}
</style>
</head>
<body>
<div id=”pagin”>
<a class=”sel”>1</a><a href=”/a.htm”>2</a>
<a href=”/b.htm”>3</a>
</div>
</body>
</html>
<head>
<title>CSS used in Pagination</title>
<style>
#pagin a
{
font-family:Tahoma;
font-size:11px;
display:block;
float:left;
cursor:pointer;
color:#00c;
text-decoration:none;
display:inline-block;
border:1px solid #ccc;
padding:.3em .7em;
margin:0 .38em 0 0;
text-align:center
}
#pagin a:hover
{
background:#f0f7e8;
border:1px solid #83bc46
}
#pagin a.sel
{
color:#333;
font-weight:normal;
background:#f0f7e8;
cursor: default;
border:1px solid #83bc46
}
</style>
</head>
<body>
<div id=”pagin”>
<a class=”sel”>1</a><a href=”/a.htm”>2</a>
<a href=”/b.htm”>3</a>
</div>
</body>
</html>
اگه این کد رو توی Notepad ویندوز ببرید و با یه اسم مثل Demo.html ذخیره کنید می تونید این عمل رو ببینید.
توضیحاتی در باب نویسنده
علی هستم؛ سومین نفری بودم که به جمع تک تمپ اضافه شدم... ریاضی میخونم و عاشق طراحی و وردپرسم :) بیشتر میتونید من رو توی فرندفید پیدا کنید
آموزش اسرار فتوشاپ به زبان فارسی Photoshop Top Secret
پجموعه
پیش رو یکی از کامل ترین و برترین مجموعه های آموزشی در زمینه فتوشاپ می باشد که
ویژگی های خاص این مجموعه آن را از سایر مجموعه های مشابه متمایز نموده، از جمله
این ویژگی ها قرار گیری هفت دوره آموزشی Adobe Photoshop CS4 ارائه شده توسط برترین
اساتید جهان، به همراه مجموعه ای از نکات و ترفند های کار با فتوشاپ در قالب 101
پروژه آموزشی توسط آقای Mark Monciardini مدرس مجموعه Photoshop
Top Secret، همچنین مجموعه ی بی نظیر و نفیس Photoshop Top Secret با زبان و محیط
100% فارسی (با کمترین دستکاری)، در قالب 6 دی وی دی است، که در بسته بندی اختصاصی
تقدیم شما می گردد.
چگونه در فتوشاپ کمربند مشکی بگیریم؟!
مجموعه
ی نفیس Photoshop Top Secret همان گونه که از نامش می توان حدس زد مجموعه ای کم
نظیر، حرفه ای و محرمانه است که دریچه ای از اسرار و ترفند های ناشناخته فتوشاپ را
پیش روی کاربران قرار می دهد. اکثر کاربران نرم افزار فتوشاپ همیشه دنبال آموزش ها
و در واقع یادگیری نکات جدید و ترفندهایی از این نرم افزار در جهت ارتقاء سطح کار و
توانائی های خود بوده اند که این امر باعث بوجود آمدن هزاران سایت آموزشی در این
زمینه، کتب مختلف آموزش ترفند ها، نکته ها و نیز دوره های آموزشی با هزینه های بالا
تحت عناوینی مانند جلوه های ویژه فتوشاپ و ... شده است. این مجموعه گرانبها که شامل
بیش از 18 گیگابایت فیلم آموزش است در بردارنده ی آموزش های فوق العاده کاربردی و
حرفه ای در زمینه های مختلفی، مانند آموزش ترکیب تصاویر، ساخت پوستر های سینمایی و
تبلیغاتی، آموزش های حرفه ای روتوش تصاویر، ایجاد جلوهای ویژه، ساخت افکت های هیجان
انگیز و رویایی، کار با متون، گرافیک وب و
Digital Painting و موارد دیگری است. که در ادامه تصاویر آنها، به همراه توضیحات
اجمالی از هر آموزش قرار داده شده است.
"کمربند مشکی" در نرم افزار Adobe Photoshop را از آن خود کنید !
قیمت : 10000 تومان
تعداد: DVD 5
پروژه های آموزشی این مجموعه ی نفیس عبارتند از: :: پروژه های DVD 1
Movie Poster Design I : در این پروژه شما با هنر مونتاژ تصاویر افراد که یکی از بارزترین کارها در ساخت پوستر فیلم های سینمایی می باشد آشنا می شوید.
Movie Poster Design II : دراین آموزش شما مشاهده می کنید که چگونه با تصاویری بسیار ساده و فقط با اعمال افکت ها و ترکیب تصاویر با یکدیگر پوستر فیلم بسیار حرفه ایی طراحی می شود.
Movie Poster Credits : دراین پروژه شما با نحوه درست نمودن یک بلوک اعتباری یا همان Credit Block واقعی جهت پوستر فیلم های خود آشنا می شوید.
Dark Faces : در این پروژه شما با خلق تصویر ترسناک آشنا می شوید که کاربرد این افکت در شکل های دیگر در مجلات و تصاویر تبلیغاتی زیاد می باشد.
.
شما فوق العاده هستین
ممنون
salam aziz
khoubi?
aziz rank weblog man to google 1 hast age khasti ba ham tabadole link va logo konim
سلام عمو جون
میخوام خودم یه قالب برای وبلاگم بسازم ولی بلد نیستم البته فتوشاپ کار میکنم ومهارت کافی رو تو این زمینه دارم امازمینه طراحی قالبو نمیدونم چیه و چی کار باید کنم اگه زحمتی نیست راهنمایی کنید
موفق باشید
عمه جون
با سلام
احتراماً می خواستم در مورد ذخیره کردن مطالب ثبت شده قبلی در وبلاگم جهت استفاده مراجعه کنندگان در محل آرشیو موضوعی در منوی رو وبلاگ اطلاعاتی بگیرم چون روش آن را یاد ندارم و مجبورم همه مطالبم را از اول تاسیس وبلاگم تا کنون را کلاً روی صفحه اصلی بگذارم و نمی دانم چه جوری آن ها را در آرشیو البته با عنوان مربوطه بگذارم و فقط مطالب روز را در صفحه اصلی وبلاگ بگذارم.
امیدوارم بنده را راهنمایی فرمائید.
SALAM BE WEB LOG MAN HAM 1 SAR BEZAN MAMNON
http://WWw.xeber2mrk.blogfa.com
آقا قالب ما هنوز آماده نشده ! ۳ روز شد ۶ روز . میدونم خیلی سرتون شلوغه ولی به فکر ما هم باشین من منتظر قالب هستم و بازدید از سایتم داره روز به روز کمتر میشه .
با سلام و عرض احترام خدمت مدیریت سایت
اینجانب سید سعید حسینی راد از وب سایت پربار شما دوست گرامی بازدید کردم .
مطالبتان را خواندم ، واقعا جذاب بودند و قابل این بودند که انسان رو به فکر ببرند بعضی هاشون .
اینجانب درخواستی از شما بزرگوار نیز داشتم .
میخواستم اگر ممکن است با همدیگر تبادل لینکی داشته باشیم .
رنک وب سایت بنده ۳ می باشد و دومین های دیگرم که به وب سایتم نصب می باشد نیز دارای رتبه ۱ و ۲ می باشند . در کل چهار تا دارم که همشون دارای رتبه هستند و به یک وبسایت وصل هستند .
حال در صورت ممکن مرا با نام ” کلیپ های موبایل ” یا هر نام دیگر لینک کنید سپس افتخار بدید و نام خود را برایم بفرستید تا سریعا لینکتان کنم .
امیدوارم جسارت نشود این که اول شما لینک نمایید .
بالاخره یکی باید اول لینک کند دیگر درسته ؟
نوکرتونم و شما آقایی .
منتظرت می مونم
موفق باشید
خدانگهدار
http://www.iran-mob.ir
http://www.irancell.ws
http://www.parsi-mob.ir
http://www.parsi-mob.com
رتبه در الکسا ۱۰۰۰
http://www.parsi-mob.ir
رتبه در الکسا ۲۰۰۰ .
http://www.irancell.ws
فقط در ۴ ماه
آمار بازدید روزانه هم روزی +۶۰۰۰می باشد .
جالب بود اگه میشه این روشو برای سیستم بلاگفا به من توضیح بدین!متشکّر
با عرض سلام و خسته نباشید.
من مدیر سایت ۴news.ir هستم و میخواستم ببینم که اگر شما سایت ما را لایق بدونید با هم تبادل لینک کنیم.
ممنون
خدانگهدار
علی جان آموزش خوب و کاملی دادی ممنون….
سلام.
من به یه مشکل بزرگ برخورد کردم.
از وقتی که قالب وبلاگم رو عوض کردم مطالب جدید و مطالب قبلب نمایش داده نمیشه و فقط عنوان مطالب نشون داده میشه و هر قالبی رو هم که نصب کنم (حتی قبلی) کماکان مشکلم سر جاشه
خواهشاً اگه راهی بلدی از طریق آف گذاشتن به من بگو
ممنون
فدات مسعود جان…
ارسال دیدگاه