PDA

نسخه کامل مشاهده نسخه کامل : گذاشتن عکس, لینک و لوگو در وبلاگ



ali_boujari
28-01-2005, 17:32
برای اینکه تگها رو درست ببینید حتما این نوشته رو در نوت پد کپی کنید و در حالت چپ به راست آن را مشاهده کنید

گذاشتن لینک:
برای قرار داد لینک در وبلاگ (یا هر جای دیگری) باید از تگ a استفاده کرده که به صورت زیر خواهد بود.
<a href="URL">Name</a>
به جای URL باید آدرس صفحه ای که میخواهید به آن لینک دهید استفاده کنید و به جای Name نامی است که شما آنرا نوشته تا بازدیدکننده با کلیک بروی این نوشته به صفحه مورد نظر منتقل شود.
حال اگر بخواهید این لینک در صفحه ای جدید باز شود می توانید از کد زیر استفاده کنید:
<a target="_blank" href="URL">Name</a>
برای لینک ایمیل می توانید از تگ زیر استفاده کنید:
<A href="mailto:E-mail Address">Name</a>

گذاشتن عکس و لوگو:
شما عکسی رو بروی انترنت دارید و میخواهید آنرا در وبلاگ قرار دهید. می توانید با کلیک راست بروی عکس به گزینه Properties رفته و آدرس عکس رو گرفته و در کد زیر قرار دهید:
<img border="0" src="آدرس عکس">
و اگر بخواهید برای عکس خود طول و عرضی, و شرحی بنویسید می توانید از تگ زیر استفاده کنید:
<img src="آدرس عکس" width=عرض عکس HEIGHT=طول عکس BORDER=0 ALT="شرح عکس">


حال اگر بخواهید بروی عکس خود لینک بگذارید می توانید از تگ زیر استفاده کنید.:
<a href="URL"><img border="0" src="آدرس عکس"></a>



قرار دادن لوگو در وبلاگ:

قرار دادن لوگو هم مانند عکس می باشد. حال اگر بخواهید به خواننده این اختیار را بدهید که به سادگی به وبلاگ شما بلینکند شما می توانید تگهای لوگوی خود را درون کادری قرار دهید. برای اینکار می توانید از تگ زیر استفاده کنید.
<input name="هر نامی که دوست دارید" size="اندازه کادر" value="متن تگها">
اگر بخواهید برای این کادری که گذاشته اید استایلی مشخص کنید می توانید از کد زیر استفاده کنید:

<input name="for logo" size="اندازه کادر" style="font-family: نوع فونت; font-size: اندازه فونت; color: رنگ فونت; font-style: حالت فونت; border: اندازه ,نوع و رنگ; background-color: رنگ داخل کادر" value="نوشته ها و کدها">
برای مثال:
<input type="text" name="T1" size="20" style="font-family: Tahoma; font-size: 10pt; color: #5559FD; font-style: italic; border: 3px double #383EFC; background-color: #EAEAEA">