PDA

View Full Version : سوال: یه گالری خیلی ساده درست کردم، میشه بگین اصولی و استاندار هستش در حد و اندازه خودش یا نه؟


sahel65
سه شنبه 30 تیر 1394, 11:53 صبح
سلام دوستان گلم؛
یه گالری خیلی ساده و کوچولو درست کردم؛ میشه نگاه کنید و ببینید آیا درست بکار بردم نحوه select کردن و استفاده از خاصیتهای css رو. زیاد نیستش و خیلی کوچولوست.
در ابتدا این نتیجه نهایی (http://www.cssdesk.com/SsJuJ) هستش که میتونید براحتی مشاهده کنید.
این کد html:

<body>
<div id="wrapper">
<div class="items gallery"><img src="http://s3.picofile.com/file/8201328034/1.jpg" /> تصویر شماره یک</div>
<div class="items gallery"><img src="http://s3.picofile.com/file/8201328084/2.jpg" /> تصویر شماره دو</div>
<div class="items gallery"><img src="http://s3.picofile.com/file/8201328100/3.jpg" /> تصویر شماره سه</div>
</div>
</body>
و اینهم کد CSS :

*{
margin:0;
padding:0;
}
body{
padding:50px;
}

#wrapper{
width:960px;
height:400px;
border:1px solid green;
background-color:#CCCCCC;
margin:0 auto;

}
.items{
margin:10px 15px;
width:280px;
height:330px;
border:3px solid black;
border-radius:5px;
float:right;
text-align:center;
font-family:tahoma;
}
.gallery img{
margin:5px;
border:1px solid grey;
border-radius:5px;
width:270px;
height:290px;
line-height:300px;
}
ممنون میشم اگه نکته ای هست که من بلد نیستم رو بهم بگین! متشکرم.
Sina web designer
سه شنبه 30 تیر 1394, 19:28 عصر
دوست عزیز گالری شما خیلی سادس و مشکلی که من بتونم پیدا کنم نداره.
فقط بهتر بود به جای اینکه به تگ بادی padding بدین به همون wrapper میدادین.
سعید کشاورز
چهارشنبه 31 تیر 1394, 09:11 صبح
نکته ی اول: دستور border-radius رو باید سه دارای پیشوند باشد..به سایت border-radius.com برید و در یکی از تکست باکس های گوشه عدد وارد کنید منظورم رو متوجه میشید که پیشوند یعنی چی..برای این هستش این دستور توی مرورگرهای دیگه هم درست نمایش داده بشه

2) به warper هیچوقت height ندین و بذارین خودش ارتفاع اتوماتیک بگیره

3) همیشه سعی کنید کاراتون رو با تصاویر با کیفیت ارائه بدین..هرچی تصویر زیبا تر باشه کار بیشتر به چشم میاد.. فونت ها ، رنگها، اینا خیلی مهم هستن..جدای از استاندارد نویسی به این نکات هم توجه کنید
r4hgozar
پنج شنبه 01 مرداد 1394, 08:27 صبح
سلام.
خوبه اما کد های جاوا می زدین واسش تا جذاب تر میشد بهتر بود.
موفق باشید
sahel65
پنج شنبه 01 مرداد 1394, 09:04 صبح
با سلام و تشکر از تک تک دوستانی که نظر دادن و برام وقت گذاشتن.

خوبه اما کد های جاوا می زدین واسش تا جذاب تر میشد بهتر بود.
خیلی ممنونم بخاطر اظهار لطف و دلگرمی و همچنین پیشنهادی که بهم دادین، راستش رو بخواین من فقط برای اینکه ببینم آیا همینجوری باید انجامش داد یا نه، گالری رو ایجادش کردم اگه نه میدونم خیلی جای کار داره و مثلا وقتی که ماوس میره روی هر عکس و hover میشه اگه مثلا عکس کمرنگ تر بشه یا حاشیه هاش پررنگ تر بشن و...
در خصوص جاوا راستش رو بخواین هنوز هیچی بلد نیستم :گریه::گریه: و فعلا دارم css رو قوی می خونم و بعدش برم سراع css3 و جاوا دوست عزیزم.