کج کردن دیو

[atlas 0]

سلام من چطور می تونم یک عکس را به صورت

کج ریپیت کنم

؟

یک عکسی دارک که کج هستش 

می خوام اجزاشو تیکه تیکه کنم

 اما به جایی که مرسم که بخ صورت کج هستش دستور که می دم ریپیت بشه

خراب میشه صاف میاد پایین

عکسو پیوست کردم

[مصطفی صفرعلی 2,891]

با سلام

 

اگه یه تصویر از شکل نهایی اون چیزی که میخواهید درست کنید رو قرار بدید بهتر میتونیم کمکتون کنیم

 

موفق و پیروز باشید

یا حق

[atlas 0]

با سلام

 

اگه یه تصویر از شکل نهایی اون چیزی که میخواهید درست کنید رو قرار بدید بهتر میتونیم کمکتون کنیم

 

موفق و پیروز باشید

یا حق

من می خوام چنین قالب درست کم

[مصطفی صفرعلی 2,891]

با سلام

 

فرض کنید که قسمت منو و قسمت مطلب هر کدام دو موقعیت جداگانه هستند که موقعیت منو در بالای موقعیت مطلب قرار دارد

 

و همچنین هر کدام در یک دایو قرار دارند و باز هر دو دایو در یک دایو کلی قرار دارند

 

<div id="totaldivs">

    <div id="mymenu"><jdoc:include type="modules" name="mymenu" /></div>

    <div id="message"><jdoc:include type="message" /></div>
    <div id="content"><jdoc:include type="component" /></div>

</div>

 

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

خب حالا با توجه به کدنویسی بالا میتونید با ترکیبی از CSS2 و CSS3 دایو mymenu رو به حالت اریب نمایش بدید

 

#mymenu {
    margin: 115px 0 0 80px;
    position: absolute;
    transform: rotate(30deg);
    -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari and Chrome */
    -o-transform: rotate(30deg); /* Opera */
    -moz-transform: rotate(30deg); /* Firefox */
}

 

در کد بالا میتوانید مقادیر رو به دلخواه خودتون کم و زیاد کنید و همچنین برای زاویه دادن مقدار 30deg رو به مقدار موردنظرتون چه مثبت یا منفی تغییر بدید

 

با توجه به اینکه دموی آنلاینی هم ندارید بیش از این نمیشه راهنمایی کرد

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

 

موفق و پیروز باشید

یا حق

[atlas 0]

mymenu {

    margin: 115px 0 0 80px;

    position: absolute;

    transform: rotate(30deg);

    -ms-transform: rotate(30deg); /* IE 9 */

    -webkit-transform: rotate(30deg); /* Safari and Chrome */

    -o-transform: rotate(30deg); /* Opera */

    -moz-transform: rotate(30deg); /* Firefox */

من این کارو انجام دادم

اما توی گوگل چروم مشکل داره

یعنی کج نمیشه

[مصطفی صفرعلی 2,891]

با سلام

 

کد زیر که قبلا هم در بالا قرار دادم برای نمایش صحیح در مرورگر گوگل کروم میباشد

 

-webkit-transform: rotate(30deg); /* Safari and Chrome */

 

بنده تست کردم جواب داده . کش مرورگرتون رو پاکسازی کنید

 

Ctrl+F5 هم استفاده کنید

 

موفق و پیروز باشید

یا حق