PDA

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



sm_pakdel
April 10th, 2011, 17:23
چطور میشه یک قالبی طراحی کرد که طول اون با مطلبی که درش قرار میگیره در ارتباط باشه
یعنی اگر مطلب طولانی تر از اندازه قالب شد از قالب بیرون نزنه و قالب در ارتباط با شه با متن

teztop
April 12th, 2011, 21:41
برای قسمت هایی که متن محتوا داخلش قرار می گیره ارتفاع رو مقدار ثابت قرار ندین.
Css کار کردین ؟ چقدر درباره Html اطلاعات دارین ؟

sm_pakdel
April 12th, 2011, 23:34
css و html تقریبا مشکلی ندارم

php هم شروع کردم

iacbook
April 13th, 2011, 00:00
اگر سی اس اس بلدید این یکی از ساده ترین کارها در سی اس اس هست!
مثلاً برای یک باکس سه تا استایل تعریف میشه ، یکی برای بالای باکس ، یکی پایین باکس و یکی دیگه هم یک تصویر تکرار شونده در راستای طول در بین استایل های بالا و پایین باکس مورد نظر ...
بستگی به نوع کاری که میخواید انجام بدید با سی اس اس خیلی کارهای جالبی میشه انجام داد....

sm_pakdel
April 13th, 2011, 00:49
منظورت از باکس همون frame???
لطفا توضیح بیشتری بدید

---------- Post added at 12:49 AM ---------- Previous post was at 12:42 AM ----------

من به این ترتیب برای قسمتی که میخوام توش بنویسم عمل میکنم

<div ="style=position:basolute; left:auto; top:auto"></div>


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

یه راهنمائیم بکنید لطفا

iacbook
April 13th, 2011, 01:17
دوست عزیز کدها که اینجوری نیازی به حفظ کردن ندارند! هر جا نیاز به یک موردی هست و این خط کدی که شما ارائه دادین برام عجیبه...

به هر حال :
توضیح نمونه برای یک قالب که با div طراحی شده :

یک طرحی روی کاغد یا تو ذهنتون می کشید.
Div ها رو در فایل html یا php مرتب می کنید. برخی DIV ها داخل بعضی دیگه قرار میگیرند و ...
حالا برای اون موردی که شما میخواید میشه در فایل سی اس اس به دایو سه تا استایل داد. یکی برای بالا و یکی برای پایین و یکی برای وسط که یک تصویر تکرار شونده را در راستای قائم در استایلی که به بدنه دایو دادین تعریف می کنید...

حالا اگه با جدول (TABLE) بخواهید انجام بدید:
یک جدول درست می کنید با سه ردیف
به ردیف بالا استایلی که برای بالای اون باکستون میخواید رو میدین
به ردیف وسط استایل تکرار شونده در راستای قائم رو میدین
به ردیف پایین هم استایل تمام شونده باکس رو میدین ....

اگر سی اس اس و اچ تی ام ال کار کرده باشید صد در صد منظورم رو متوجه خواهید شد ...

sm_pakdel
April 13th, 2011, 01:25
از div ها استفاده میکنم چون طبق چیزی که تجربه کردم جداول سرعت لود رو پائین میارن

وقتی گفتید باکس کمی گیج شدم چون نشنیه بودم
ممنون از راهنمائیتون با این پست آخر کاملا متوجه شدم

iacbook
April 13th, 2011, 01:25
الان سایتی که در امضاتون قرار دادین برای منوهای کناری به این شکل استفاده کرده :

استایل بالا :
.menu1caption
---------
استایل تکرار شونده در وسط :
.menu1text
تصویر تکرار شونده در راستای قائم :
images/menu3.jpg
---------
و....

sm_pakdel
April 13th, 2011, 01:33
منوی سایت من از سه عکس تشکیل شده درسته؟
بالا پائین و وسط
سی اس اس نیست؟
هست؟


یه سوال دیگه اینکه توی سایت من تصویر بالای سایت یک عکس تغریبا بزرگه اما وقتی توی کد سی اس اس میرم میبینم براش مقدار ریپیت رو قرار داد

چرا ؟اون عکس مگه نیاز به ریپیت داره؟

teztop
April 17th, 2011, 00:17
تا جایی که من دیدم سی اس اس بود

<style type='text/css'>

.highslide-html {
background-color: white;
}
.highslide-html-content {
position: absolute;
display: none;
}
.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;

padding-left: 22px;
background-image: url(plugins/my_gallery/highslide/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}

.control {
float: right;
display: block;
/*position: relative;*/
margin: 0 5px;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #999;
}
.control:hover {
color: black !important;
}
.highslide-move {
cursor: move;
}

.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
</style>

<!-- ======== #0 white-10px ============ -->

<script type='text/javascript'>
hs.graphicsDir = 'plugins/my_gallery/highslide/graphics/';
window.onload = function() {
hs.preloadImages(5);
}
</script>

sm_pakdel
April 17th, 2011, 00:21
بله حق با شماست سی اس اس بود

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

iacbook
April 17th, 2011, 06:44
بله حق با شماست سی اس اس بود

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

درود
دوست عزیز بنده هم خدمت شما مطلبی که عرض کردم گفتم در منوی کناری شما سه استایل بکار رفته .... پست بعدی دوباره میپرسید از سی اس اس استفاده شده؟!

در مورد مطلبی هم که فرمودید یک سری استایل های کلی هستند که مربوطبه سی اس اس کلی سایتتون هست و یه چیزایی داخلش تعریف شده و هر چیزی که اونجا قرار بگیره از همون استایل اصلی تبعیت می کنه. مثلاً اگر لیست استایل بصورت موردهای دایره دار تعریف بشه هر چیزی که اونجا قرار بدید و از لیست استایل استفاده کرده باشه به همون شکل میشه و ....
این ها موارد ابتدایی سی اس اس هستند ...
شما فرمودید سی اس بلدید؟ 8-|

sm_pakdel
April 17th, 2011, 09:02
درود
دوست عزیز بنده هم خدمت شما مطلبی که عرض کردم گفتم در منوی کناری شما سه استایل بکار رفته .... پست بعدی دوباره میپرسید از سی اس اس استفاده شده؟!

در مورد مطلبی هم که فرمودید یک سری استایل های کلی هستند که مربوطبه سی اس اس کلی سایتتون هست و یه چیزایی داخلش تعریف شده و هر چیزی که اونجا قرار بگیره از همون استایل اصلی تبعیت می کنه. مثلاً اگر لیست استایل بصورت موردهای دایره دار تعریف بشه هر چیزی که اونجا قرار بدید و از لیست استایل استفاده کرده باشه به همون شکل میشه و ....
این ها موارد ابتدایی سی اس اس هستند ...
شما فرمودید سی اس بلدید؟ 8-|

الان که دارم سایتهای مختلف رو میبینم می فهمم خیلی کم بلدم و شاید خیلی ابتدایی

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

tinavps
April 17th, 2011, 09:34
آگر بنا به دلایلی در انتها نتوانستی می توانی از jquery استفاده کنی. که ارتفاع قسمت ها رو با هم مقایسه کند و کم تر را به اندازه بیشترین کند.
اگر جدول بود که نیاز به آموزش ندارد.

13001300
April 21st, 2011, 10:04
با سلام css رو یادبگیرین . با css میشه
طراحی وب سایت (http://www.simasystem.ir)