PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : نمونه پرچم ایران Tile شده با CSS



VBIran
2012/06/30, 07:54 AM
درود.

پرچم ایران به صورت Tile :

http://www.vbiran.ir/irantile.png

لوگو داخل :

http://www.vbiran.ir/logo.png

با باز کردن بسته و مشاهده کردن کد ها میبینید که خیلی ساده هست . :x

نمونه زنده :

http://www.vbiran.ir/iran.html

.:NiNjA:.
2012/06/30, 08:20 AM
ممنون علی جان فقط یه خواهشی /سوالی داشتم چطوری یه عکسی عکسی رو داخل همین از طریق کدهای css براش جایی رو مشخص کنم از مقاله و اموزش هایی که بوده خوندم ولی نتونستم یعنی میخاوم یه عکسی یا متنی با افاصله 10 سانت از چپ و 20 از بالا و... قرار بدم چیکار باید انجام بدم؟؟ ببخشید دیه مبتدیم دیه

VBIran
2012/06/30, 08:24 AM
متوجه نشدم چی نوشتید .

برای فاصله دادن باید از margin استفاده کنید .

معمولاً داخل سی اس اس از پیکسل استفاده میشه مثلاً 10 پیکسل از بالا :

margin-top:10px;

20 پیکسل فاصله از چپ :

margin-left:20px;

.:NiNjA:.
2012/06/30, 08:30 AM
بله اینو میدونم

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

من نمیتونم جاش رو تعین کنم که با این فاصله از چپ و اینا قرار بگیره و از عکس کناریش 5px فاصله هم داشته باشه

VBIran
2012/06/30, 08:49 AM
این رو امتحان کنید :


<div style="position:absolute;left:10px;top:10px;">
هر چیزی که میخواید اینجا میذارید.
</div>

با این کد چیزی رو که میخواید میتونید در 10 پیکسل از بالا و 10پیکسل از سمت چپ صفحه بذارید . میتونید از راست فاصله بدیدش و ..

تمرین کنید یاد میگیرید.

.:NiNjA:.
2012/06/30, 09:20 AM
float : right;
background : url('images/nav-left.png') no-repeat left top;
margin : 0;
padding : 0 0 0 7px;


float : right;
background : url('images/nav-left.png') no-repeat left top;
margin : 0;
padding : 0 0 0 7px;

الان این دو کد برای تعیین جای یه عنصر چه فرقی با هم دارند؟
اخه یکی نوشته : padding : 0 0 0 7px;
و یکی هم : padding-top: 3px; و ...

و اینکه منظور از

float : left;

padding : 0 0 0 7px;
از اینا چیه ؟ کاربردشونو میگم
padding برای فاصله از داخله نسبت به عنصر خارجی هستش؟ یا نه
float همون تعین کردن سمت بندی ( راست و چپ )یه عنصر هستش؟

ببخشید زیاد پرسیدم :دی

VBIran
2012/06/30, 09:28 AM
float:right یعنی در سمت راست شناور باشه .

float:left یعنی در سمت چپ شناور باشه .

مثلاً دو تا عکس دارید .

اگر همینطوری بذارید زیر هم میفته . اگر به یکی float:right; بدید و به یکی float:left; دو تا عکس توی یک خط قرار میگیرن .

padding برعکس margin هست .

margin یعنی فاصله از بیرون padding یعنی فاصله از درون یک المنت مثل div

padding 1px 2px 3px 4px ;

در واقع یعنی :

padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:4px;

Dear-Amir
2012/06/30, 10:18 AM
این قالبو بهم میریزه
میخوام کاملا اندازه ناوبار باشه.بزارمش تو ناوبار

.:NiNjA:.
2012/06/30, 10:22 AM
اندازه ناوبار فعلی رو بدست بیار و بعد از سی اس اس همین کد ها اندازشو تغییر بده تا درست بشه

Dear-Amir
2012/06/30, 10:25 AM
راستشو بخوای من از سی اس اس زیاد سر در نمیارم فقط میخوام اندازش 900*200 باشه

Dear-Amir
2012/06/30, 10:56 AM
up...