با عرض سلامامروز یه طرحی رو توی فتوشاپ درست کردمالبته خیلی ساده تا راحت بشه کدش کرد [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ازتون میخوام که قدم به قدم من رو در مسیر تبدیل این ثصویر به کد راهنمایی کنیدپیشاپیش تشکر
Printable View
با عرض سلامامروز یه طرحی رو توی فتوشاپ درست کردمالبته خیلی ساده تا راحت بشه کدش کرد [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ازتون میخوام که قدم به قدم من رو در مسیر تبدیل این ثصویر به کد راهنمایی کنیدپیشاپیش تشکر
دوستان سلام
چه گل افشانی ای کردید
خدا میدونه که من راضی به زحمت نبودم
فقط میخواستم که بگید از کجا شروع کنم
در کجا تموم کنم
از چه کد هایی استفاده کنم و ...
اول فایل PSD تونو اسلایس کنید مثلا ببیند کدوم قسمت ها باید توی Css استفاده بشه
باقیش هم همه به مسلط بودن در css هست.
تشکر
ولی دوست عزیز نمیخوام زیاد با عکس ها کار کنم
بیشتر دوست دارم قالب با کدها ساخته بشه تا تصاویر
در کل من دنبال یه چیزی تو این مایه ها هستم
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
برای مدیریت محتوای جوملا
اگه کسی میتونه لطفا راهنمایی کنه چه طور بسازمش
مثلا
یه نفر بیات بگه چه طور اون مربع های کوچیک رو درست کنم
با چه تگ هایی
یا یه نفر بیات بگه میتونم از فلان کد برای ایجاد یه حالت ویژه در منوش استفاده کنم و ...
اینجوری اگه خدا بخوات ببینیم آخر این تاپیک آیا این قالب رو پا میشه یا نه؟
به هر حال تشکر:n16:
از تگهای div باید استفاده کنی کاری نداره دوست عزیز
شما شروع به کار کنی خود به خود متوجه میشی که چه کارهای باید انجام بدی
من با تگهای اچ تی ام ال تا حدودی آشنایی دارم
ولی برای فرم دادن بهشون خیلی مشکل دارم
مثلا با تگ ul یه ردیف منو درست میکنم
ولی آویزون میمونه
نمیدونم توی سی اس اس چی براش بنویسم
میتونم از قالبهای دیگه کد وردارم
ولی میخوام بفهمم هر کد چه معنی ای داره
خوب شما نیاز دارید که به CSS مسلط باشید
فکر کنم توی گوگل کمی سرچ کنید مشکلتون حل میشه
واسه افقی شدن ul هم کافیه float:left یا float:right
سلام
میخواستم بدونم چه طور میتونم یه همچین حاشیه ای برای نوشتم ایجاد کنم؟
منظورم حالت نقطه چینی هستش:n17:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
کد:border:2px dashed #999;
سلام
یه سوال جدید
میخواستم بدونم درست اینه که مقادیر طول و عرض w×h رو توی فایل css وارد کنم یا توی html?
سوال دوم
چرا اگه وبسایتمون رو بصورت استاتیک در قالب اچ تی ام ال و سی اس اس بنویسیم و روی هاست آپلود کنیم
میگن که وبسایت ما از سئوی پایینی برخورداره؟
سی ام اس ها چه تاثیری در سئو دارن؟
تشکر:n16:
1) بستگی داره به اینکه اولویت کدوم باشه ممکنه شما مثلا همه ی دیو هاتونو توی css یه طول و عرض داده باشین اما میخوایین یه دیو خاص تون طول و عرض دیگه ای داشته باشه.نقل قول:
همونطور که میدونین اولویت css به این صورته
اول استایل روی تگ ها
دوم استایل داخلی که در بخش head مینویسین
سوم استال خارجی که با تگ لینک اتچ میکنید
پیشنهاد من اینه که داخل CSS بنویسید و بخش زیبایی سایت رو از کد html جدا کنید.
2)برای اینکه شما برای ویرایش سایتتون همه ی کارها رو باید دستی انجام بدین مثلا می خواین یه سری کلامات جدید اضافه کنید باید بیاید فایل و ویرایش کنید و کلمات رو اضافه کنید
یا مثلا اگه سایتتون از صفحات بیشتری استفاده کنه چون استاتیک هستش باید دوباره به اون ها هم کلمات رو بدین
در صورتی که سایتهای داینامیک معمولا بخش مدیریتی هم دارن که راحت کلمات رو وارد میکنید و خودش به همه ی صفحات اضافه میکنه
(این چیزیه که به فکر من میرسه ممکنه دلایل دیگه ای هم داشته باشه).
3) CMS ها چون خیلی حرفه ای طراحی میشن بخش مدیریتی هم دارن و راحت میشه سئو سایت رو هر روز ارتقاع داد و رتبه های بهتری توی متور جستجو کسب کرد.
با عرض سلام
به وسیله فتوشاپ و دریم ویور یه صفحه به عنوان تست درست کردم
ولی مشکل اینجاست که کلش عکسه
میخوام بدونم چه طور میشه به جای عکس از تکست استفاده کرد
تا صفحه سبکتر بشه
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
منتظر جوابتون هستم
تشکر:n16:
سلام
دوستان برای تمرین
یه صفحه خواستم ایجاد کنم که از سه قطعه عکس تشکیل شده
قطعه اول رو که قراره ثابت باشه مقادیر طول و عرض رو مشخص کردم
قطعه دوم قرار نیست ثابت باشه واسه همین عرض رو مشخص کردم و بلندا رو چیزی وارد نکردم
قطعه سوم رو هم مثل قطعه اول ثابت هست که مثل گزینه یک عمل کردم
حالا نمیدونم چرا این عکسا توی هم میرن
یعنی جای اینکه از عرض به هم بچسبن
بصورت قطار وار از ارتفاع به هم چسبیدن
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
فایل سی اس اس
کد:body {direction:rtl;}
.img1 { background-image:url(images/Untitled-1_03.jpg) ; width:568; height:45;}
.img2 { background-image:url(images/Untitled-1_06.jpg) ; width:568;}
.img3 { background-image:url(images/Untitled-1_07_02.jpg); width:568; height:37;}
فایل اچ تی ام ال
منتظر جوابتون هستم:n16:کد:<html>
<head>
<style type="text/css" >@import url(style.css);</style>
<body>
<table width="568" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top" class="img1"></td>
<td align="center" valign="top" class="img2"></td>
<td align="center" valign="top" class="img3"></td>
</tr>
</table>
</body>
</html>
دوستان
بشتابید
زکات علم یاد دادن آن است
من کارم گیره
یه کمکی بکنید
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این قالب رو به صورت تمام استاتیک
فقط جدول
درست کردم
سمت راست یه فضایی رو خالی گذاشتم
که میخوام بصورت تکست باشه
لطفا اگه کسی بلده
بگه من چیکار کنم
تشکر:n16:
آقا یه نفر کمک کنه
هی سوالا داره تلمبار میشه
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
اون مربعه که حالت گرادینت داره رو میبینید
میخوام داخل اون یه مستطیل کوچیک گرادینت دار بذارم
یعنی اون کادر مشکی که پایین مربعه سبزه میخوام بیات توی کادر
البته توی این تصویر از div اصلی خارجش کردم
ولی داخل div هم که گذاشتم باز نشد درست تنظیمش کرد
به طور کلی میشه یکم در باره تگ هایی که برای تنظیم دقیق div های تو در تو کاربرد دارن توضیح بدید
راستی توسط چه تگی میشه دیوها رو در سی اس اس در وسط کادر قرار داد؟من فعلا توی اچ تی ام ال بوسیله تگ margin دارم کادرها رو در وسط قرار میدم
منتظر جوابتون هستم:n16:
ببخشید که اینو میگما اما سوالاتو خیلی بد میپرسینقل قول:
اصلا معلوم نیست که سوالت چیه
واسه وسط قرار دادن div توی css هم از margin استفاده میشه
به این صورت
کد:margin:auto;