برداشتن لوگوی یک سایت

[mashhadpix]

سلام.
این سایت http://www.radsms.com/ آیکون های فیسبوک و توییتر و گوگل پلاس گذاشته باید چطوری این آیکون ها را برداشت. آخه تو قسمت css به صورت کد شده است.
این آیکون در سمت چپ سایت قرار دارد.

ممنون میشم یکی بتونه منو راهنمایی کنه

[refugee]

کافیست تو گوگل بنویسید " دانلود ایکون فیسبوک " براتون کلی مطلب و عکس میاره ...

http://www.google.com/search?q=%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF+%D8% A7%DB%8C%DA%A9%D9%88%D9%86+%D9%81%DB%8C%D8%B3+%D8% A8%D9%88%DA%A9+&oq=%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF+%D8%A7%DB% 8C%DA%A9%D9%88%D9%86+%D9%81%DB%8C%D8%B3+%D8%A8%D9% 88%DA%A9+&aqs=chrome..69i57j0l2.7477j0j7&sourceid=chrome&espv=210&es_sm=93&ie=UTF-8


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

و یا با فایرفاکس برید و روش راست کلیک کنید و براتون عکس را میاره

[anahil_66]

توی مرورگر فایرفاکس با رفتن به مسیر زیر می تونید تموم عکس هایی که روی یک وب سایت هست به تفکیک ببینید و ذخیره کنید
tools/pageinfo/media

[mehbod.rayaneh]

درود
از فونت و css3 استفاده شده!
نمونه ضمیمه شد!
موفق باشید!

[ARGholamiSH]

ببخشید میشه بگید چطور میشه از اینا استفاده کرد؟!!!:متفکر:

[s2/mri]

ببخشید میشه بگید چطور میشه از اینا استفاده کرد؟!!!:متفکر:

فایلی که دوستمونmehbod.rayaneh گذاشتن و نگاه کردین؟

در اینجا (http://fontastic.me/)میتونید ایکن های مورد نظر خودتونو بسازید و اونا رو در صفحه تون استفاده کنید

[mehbod.rayaneh]

درود
فایلو مشاهده کردید؟
ببینید من توی فایل dark.html آیکن فیس بوک را توضیح میدم!
اگه توجه کنید توی قسمت head دوتا فایل css با اسمهای ml-social-buttons-dark و font به صفحه اضافه شده! خوب؟
فایل فونت را اگه باز کنید میبینید ک فقط اومده فرمتهای مختلف فونت socialglyphs-webfont را به صفحه اضافه کرده تا توی کامپیوترهایی ک این فونت را ندارند مشکلی پیش نیاد (خیلی مبتدی دارم توضیح میدم!!! نمیدونم چقدر میدونید!)
پس ساخت آیکن در فایل ml-social-buttons-dark انجام میشه!
توی فایل ml-social-buttons-dark اول اومده اندازه و استایل کلی صفحه را مشخص کرده ک کاری باهاش نداریم!
مستقیم میریم سراغ .facebook !
اگه توجه کنید 1 سری استایل برای ساختن 1 مربع 44*44 نوشته!
فقط نکته ای ک داره اینه ک برای font-family ، فونتی ک ضمیمه کردیم را گذاشته!
خوب! حالا اگه خودتون اینو بسازید و با کد


<a href="#" class="facebook" title="Facebook"></a>

توی 1 فایل html فراخوانیش کنید میبینید ک 1 مربع خوشکل آبی دارید!
پ f کو؟
بعله ... f داخل مربع را همون

.facebook:after {
content: "A";
}

ایجاد میکنه!
پس استفاده ازش کاری نداره! باید
1. فونت را به فایل css اضافه کنید (با همون کدی ک توی فایل font.css بود)
2. بکگراند آیکون را با css3 ایجاد کنید و فونت اون کلاس را فونت اتچ شده قرار بدید!
3. با :after و content: ""; کلمه مورد نظر را مشخص کنید.(برای کوچک و بزرگ کردن کلمه از fon-size استفاده کنید. و برای تغییر رنگش از color)
4. 1 کلاس با همون نامی ک توی css ساختید توی html ایجاد کنید!
ب همین راحتی ...
آدرسی ک دوستمون s2/mri دادن میتونه بسیااار توی سبک کردن فایل فونت و راحتی کار شما بهتون کمک کنه!
موفق باشید

[ARGholamiSH]

ممنون از جواب کاملتون. من اون قسمت A رو نفهمیدم که الان توجیه شدم!!

[mashhadpix]

درود
فایلو مشاهده کردید؟
ببینید من توی فایل dark.html آیکن فیس بوک را توضیح میدم!
اگه توجه کنید توی قسمت head دوتا فایل css با اسمهای ml-social-buttons-dark و font به صفحه اضافه شده! خوب؟
فایل فونت را اگه باز کنید میبینید ک فقط اومده فرمتهای مختلف فونت socialglyphs-webfont را به صفحه اضافه کرده تا توی کامپیوترهایی ک این فونت را ندارند مشکلی پیش نیاد (خیلی مبتدی دارم توضیح میدم!!! نمیدونم چقدر میدونید!)
پس ساخت آیکن در فایل ml-social-buttons-dark انجام میشه!
توی فایل ml-social-buttons-dark اول اومده اندازه و استایل کلی صفحه را مشخص کرده ک کاری باهاش نداریم!
مستقیم میریم سراغ .facebook !
اگه توجه کنید 1 سری استایل برای ساختن 1 مربع 44*44 نوشته!
فقط نکته ای ک داره اینه ک برای font-family ، فونتی ک ضمیمه کردیم را گذاشته!
خوب! حالا اگه خودتون اینو بسازید و با کد


<a href="#" class="facebook" title="Facebook"></a>

توی 1 فایل html فراخوانیش کنید میبینید ک 1 مربع خوشکل آبی دارید!
پ f کو؟
بعله ... f داخل مربع را همون

.facebook:after {
content: "A";
}

ایجاد میکنه!
پس استفاده ازش کاری نداره! باید
1. فونت را به فایل css اضافه کنید (با همون کدی ک توی فایل font.css بود)
2. بکگراند آیکون را با css3 ایجاد کنید و فونت اون کلاس را فونت اتچ شده قرار بدید!
3. با :after و content: ""; کلمه مورد نظر را مشخص کنید.(برای کوچک و بزرگ کردن کلمه از fon-size استفاده کنید. و برای تغییر رنگش از color)
4. 1 کلاس با همون نامی ک توی css ساختید توی html ایجاد کنید!
ب همین راحتی ...
آدرسی ک دوستمون s2/mri دادن میتونه بسیااار توی سبک کردن فایل فونت و راحتی کار شما بهتون کمک کنه!
موفق باشید

اول ازتون ممنونم
تا اونجایی که من متوجه شدم باید فونت اون سایت را بردارم، حالا میشه بهم بگید دقیقا مد نظر من همین آیکون فیسبوک این سایت http://www.radsms.com/ است.
ممنون میشم راهنمایی کنید؟

[mehbod.rayaneh]

اول ازتون ممنونم
تا اونجایی که من متوجه شدم باید فونت اون سایت را بردارم، حالا میشه بهم بگید دقیقا مد نظر من همین آیکون فیسبوک این سایت http://www.radsms.com/ است.
ممنون میشم راهنمایی کنید؟
درود
اگه توجه کنید و توی فایل استایل سایته بگردید ب 1 همچین چیزی خواهید رسید :

.icon-home,.icon-feed,.icon-feed-2,.icon-twitter,.icon-facebook,.icon-twitter-2,.icon-cart,.icon-folder-open,
.icon-tag,.icon-phone,.icon-clock,.icon-box-add,.icon-box-remove,.icon-screen,.icon-undo,.icon-redo,.icon-user,
.icon-search,.icon-wrench,.icon-cog,.icon-remove,.icon-fire,.icon-bookmark,.icon-checkmark,.icon-plus,.icon-minus,
.icon-x,.icon-windows,.icon-android,.icon-apple,.icon-bubbles,.icon-thumbs-up,.icon-thumbs-down,.icon-handpointup,
.icon-handdrag,.icon-css3,.icon-treediagram,.icon-mobile,.icon-microphone,.icon-stats,.icon-arrow-left,
.icon-arrow-right,.icon-envelope,.icon-mobile-2,.icon-pie,.icon-yahoo,.icon-write,.icon-chrome,.icon-firefox,
.icon-IE,.icon-opera,.icon-image,.icon-list,.icon-calendar,.icon-earth,.icon-yahoo-2,.icon-hearts,.icon-locked,
.icon-unlocked,.icon-happy,.icon-happy-2,.icon-google-plus{
font-family:'radsms';
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
}

ب فونت توجه کنید : font-family:'radsms';
خوب این ینی چی؟ ینی فونتی ک برای همه این آیکنا استفاده شده radsms هست!
و نهایتا برای هر آیکن از 1 کاراکتر استفاده کرده دیگه :

.icon-home:before{content:"\e000"}
.icon-feed:before{content:"\e001"}
.icon-feed-2:before{content:"\e002"}
.icon-twitter:before{content:"\e003"}
.icon-facebook:before{content:"\e004"}
.icon-twitter-2:before{content:"\e006"}
.icon-cart:before{content:"\e007"}
.icon-folder-open:before{content:"\e008"}
.icon-tag:before{content:"\e009"}
.icon-phone:before{content:"\e00a"}
.icon-clock:before{content:"\e00b"}
.icon-box-add:before{content:"\e00c"}
.icon-box-remove:before{content:"\e00d"}
.icon-screen:before{content:"\e00e"}
.icon-undo:before{content:"\e00f"}
.icon-redo:before{content:"\e010"}
.icon-user:before{content:"\e011"}
.icon-search:before{content:"\e012"}
.icon-wrench:before{content:"\e013"}
.icon-cog:before{content:"\e014"}
.icon-remove:before{content:"\e015"}
.icon-fire:before{content:"\e016"}
.icon-bookmark:before{content:"\e017"}
.icon-checkmark:before{content:"\e018"}
.icon-plus:before{content:"\e019"}
.icon-minus:before{content:"\e01a"}
.icon-x:before{content:"\e01b"}
.icon-windows:before{content:"\e01c"}
.icon-android:before{content:"\e01d"}
.icon-apple:before{content:"\e01e"}
.icon-bubbles:before{content:"\e01f"}
.icon-thumbs-up:before{content:"\e022"}
.icon-thumbs-down:before{content:"\e023"}
.icon-handpointup:before{content:"\f069"}
.icon-handdrag:before{content:"\f06a"}
.icon-css3:before{content:"\f151"}
.icon-treediagram:before{content:"\f078"}
.icon-mobile:before{content:"\f074"}
.icon-microphone:before{content:"\f11d"}
.icon-stats:before{content:"\e020"}
.icon-arrow-left:before{content:"\e021"}
.icon-arrow-right:before{content:"\e024"}
.icon-envelope:before{content:"\e025"}
.icon-mobile-2:before{content:"\e026"}
.icon-pie:before{content:"\e027"}
.icon-yahoo:before{content:"\e029"}
.icon-write:before{content:"\e02b"}
.icon-chrome:before{content:"\e02c"}
.icon-firefox:before{content:"\e02d"}
.icon-IE:before{content:"\e02e"}
.icon-opera:before{content:"\e02f"}
.icon-image:before{content:"\e030"}
.icon-list:before{content:"\e005"}
.icon-calendar:before{content:"\e02a"}
.icon-earth:before{content:"\e028"}
.icon-yahoo-2:before{content:"\e031"}
.icon-hearts:before{content:"\f2f4"}
.icon-locked:before{content:"\e032"}
.icon-unlocked:before{content:"\e033"}
.icon-happy:before{content:"\e034"}
.icon-happy-2:before{content:"\e035"}
.icon-google-plus:before{content:"\e036"}
.icon-bullhorn:before{content:"\e037"}
.icon-flag:before{content:"\e038"}

پس شما هم با استفاده از فونت radsms و این چیزایی ک من براتون گذاشتم میتونید تمام آیکنهای این سایت رو در جای دلخواهتون استفاده کنید!
فونت و آیکنهای سایت ضمیمه شد!
موفق باشید