درخواست کد css

[elshan 269]

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

[Morteza 34190]

لوگوی بالای سایت همونی هست که چپ و راست میره؟

[elshan 269]

لوگوی بالای سایت همونی هست که چپ و راست میره؟

نه اون رو عوض کردم.کش مرورگرتون رو خالی کنید تا لوگوی جدید سایت رو ببینید.

[Morteza 34190]

شما لوگو رو بصورت بکگراند در هدر تعریف کردید.

با اینکار دسترسی مستقیم به عکس ندارید که بخواید بهش مستقیم افکت بدید.

[Farhad 276]

با اجازه مرتضي جان

اينو امتحان كن :

<a href="<?php bloginfo(url); ?>"><div class="logo-el"></div></a>

اين لينك خود سايت رو ميده به هدر ، ميتونيد به جا

<?php bloginfo(url); ?>

لينك مورد نظرتون رو بديد ( اگر لينك خارجي هست حتما http رو هم به بتداي لينك اضافه كنيد)

اميدوارم جواب بده...

[elshan 269]

با اجازه مرتضي جان

اينو امتحان كن :

<a href="<?php bloginfo(url); ?>"><div class="logo-el"></div></a>

اين لينك خود سايت رو ميده به هدر ، ميتونيد به جا

<?php bloginfo(url); ?>

لينك مورد نظرتون رو بديد ( اگر لينك خارجي هست حتما http رو هم به بتداي لينك اضافه كنيد)

اميدوارم جواب بده...

تشکر جواب داد.حالا چطوری با استفاده از css3 زوم کنم؟

[Farhad 276]

امتجان كنيد

.logo-el:hover {
   -moz-transform: scale(2);
   -webkit-transform: scale(2);
   -o-transform: scale(2);
   transform: scale(2);
   -ms-transform: scale(2);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
   M11=2, M12=-0, M21=0, M22=2);
   }

[elshan 269]

امتجان كنيد

.logo-el:hover {
   -moz-transform: scale(2);
   -webkit-transform: scale(2);
   -o-transform: scale(2);
   transform: scale(2);
   -ms-transform: scale(2);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
   M11=2, M12=-0, M21=0, M22=2);
   }

تشکر بسیار عالی بود فقط از کجا درصد زومش رو کم کنم؟

[سعید حسینی 2409]

از کجا درصد زومش رو کم کنم؟

عدد 2 در (scale(2 را کم کنید مثلاً: 1.5

ویرایش شده مهر 91 توسط سعید

[elshan 269]

عدد 2 در (scale(2 را کم کنید مثلاً: 1.5

بله وقتی روی 1.1 میزارم عالی میشه.تشکر از همگی

عدد 2 در (scale(2 را کم کنید مثلاً: 1.5

آیا میشه کاری کردن که فقط نوشته ائلشن گرافیک زوم بشه منظوزم اینه که قسمتی از تصویر فقط زوم بشه؟

[Farhad 276]

اين :

scale(2);

كمترين حالت هم فكر كنم اين باشه :

scale(1.1);

--------------

شرمنده يكمي دير پست زدم ، پست هاي قبل رو نديدم

آیا میشه کاری کردن که فقط نوشته ائلشن گرافیک زوم بشه منظوزم اینه که قسمتی از تصویر فقط زوم بشه؟

شدن ميشه ، فكر كنم بايد عكس رو 3 قسمت تكه كني و بعد روي وسطي اين حركت رو بزني /.

ویرایش شده مهر 91 توسط mr.bass

[elshan 269]

اين :

scale(2);

كمترين حالت هم فكر كنم اين باشه :

scale(1.1);

تشکر.از کجا می تونم این کدها رو یاد بگیرم؟یکی هم این که چطوری می تونم تعیین کنم فقط قسمتی از تصویر فقط زوم بشه؟

[Farhad 276]

شما وقتي هدر ور 3 تكه كنيد ، مجبوريد با كد هاي سي اس اس و اچ تي ام ال فرخوان بديد ! ميتونيد توي عكس مورد نظر اين كد رو در قسمت css ش قرار بديد

بايد كمي مطالعه كنيد ، ميتونيد مطالب خوبي از گوگل پيدا كنيد ، اين وب سايت ها هم بسيار مفيد هستند ‌:‌:::‌} W3SCHOOLS , Html (farsi( , NeoPersia(farsi) هم فارسي هم انگليسي هست..

براتون ميگردم اگر كدي بود كه ي قسمت از عكس رو زوم بده پيدا كردم قرار ميدم كه زياد دردسر نكشيد.

[rezaonline 2655]

http://s2.picofile.com/file/7181231284/css3_part1_rezaonline_net.zip.html

[سعید حسینی 2409]

آیا میشه کاری کردن که فقط نوشته ائلشن گرافیک زوم بشه منظوزم اینه که قسمتی از تصویر فقط زوم بشه؟

عکستونو با برنامه ادیت برش بزنید.

قسمت برش خرده را در تگ div بذارید.

داخل تگ div کلاس تعریف کنید و استایلشو در کلاس استفاده کنید.

ویرایش شده مهر 91 توسط سعید