درج لوگوهای شبکه های اجتماعی مثل فیس بوک و تلگرام و... در صفحات وبسایت با Font Awesome Text Icons | شرکت ساینا

درج لوگوهای شبکه های اجتماعی مثل فیس بوک و تلگرام و… در صفحات وبسایت با Font Awesome Text Icons

درج لوگوهای شبکه های اجتماعی مثل فیس بوک و تلگرام با Font Awesome Text Icons و نحوه بکارگیری آنها در طراحی سایت و آموزش آن:

طراحی سایت از جمله حوزه هایی است که هر روزه در ابعاد بسیاری و با موضوعات مختلفی در ارتباط است.

امروزه شاهد این مسئله هستیم که این گستردگی مطالب و موضوعات، اگر از چشم یک طراح به روز و در دسترس نباشد نمی تواند یک طراح سایت را به آنچه که نیاز بازار و روند در حال توسعه ارتباط با مخاطب و مشتری است را به اهداف خود نزدیک کند.

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

موضوع از این قراره که پیش از این فکر می کردم هر وبسایتی که لینک لوگوهای صفحات اجتماعی را در خود دارد، از طریق تگ <Img… است،

ولی در پروژه آخری که انجام میدادم متوجه شدم که این نمادها دارای دیتا و البته کد از پیش تعیین شده ای هستند که از طریق تگهای html ئ بصورت زیر قابل درج در صفحات وب هستند.

این آیکونها بصورتی که در زیر نوشته ام قابل درج در صفحات وبسایت می باشند:

Khodam-912, [۰۷.۰۹.۱۷ ۱۷:۰۸]

<!DOCTYPE html>

<html>

<head>

<title>Font Awesome Icons</title>

<meta name=”viewport” content=”width=device-width, initial-scale=1″>

<link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”>

</head>

<body>

 

<h1>fa fa-telegram</h1>

 

<i class=”fa fa-telegram”></i>

<i class=”fa fa-telegram” style=”font-size:24px”></i>

<i class=”fa fa-telegram” style=”font-size:36px”></i>

<i class=”fa fa-telegram” style=”font-size:48px;color:red”></i>

 

</body>

</html>

درج لوگوهای شبکه های اجتماعی مثل فیس بوک و تلگرام

در توضیح باید اضافه کنم که سورس درج این آیکونها در صفحات وبسایتمون از طریق لینک بالای سایتمون به منبع cdnjs.cloudflare.com

است که در مثال بالا ملاحظه می کنید.

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

<i class=”fa fa-telegram style=” font-size:24px;color:red “></i>

<i class=”fa fa-facebook style=” font-size:28px;color:red “></i>

<i class=”fa fa-instagram style=” font-size:32px;color:red “></i>

 

باید اضافه کنم نمادکهای از پیش تعیین شده بسیار زیادی موجود خستند که با مراجعه به وبسایت

http://fontawesome.io

می توانید آنها را ملاحظه کنید و کد مورد نظر هرکدامشان را برای خودتان دریافت نمایید.

 

 

خواهش می کنم نظرات و پیشنهادهای خودتونو برامون ارسال کنید.

با تشکر

تهرانی

 

 


درج لوگوهای شبکه های اجتماعی مثل فیس بوک و تلگرام،

درج لوگوهای شبکه های اجتماعی مثل فیس بوک و تلگرام،

درج لوگوهای شبکه های اجتماعی مثل فیس بوک و تلگرام،

درج لوگوهای شبکه های اجتماعی مثل فیس بوک و تلگرام،

درج لوگوهای شبکه های اجتماعی مثل فیس بوک و تلگرام،

درج لوگوهای شبکه های اجتماعی مثل فیس بوک و تلگرام،

درج لوگوهای شبکه های اجتماعی مثل فیس بوک و تلگرام،

درج لوگوهای شبکه های اجتماعی مثل فیس بوک و تلگرام،

درج لوگوهای شبکه های اجتماعی مثل فیس بوک و تلگرام،
[wp_sitemap_page only=”post”]