سرعنوان <div>

[speeed]

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

http://www.bankgraphic.com/#

میخواستم بدونم نام اون جوگوئری که برای عکساش استفاده میکنه چیه ؟
دوم اینکه یه سری به اینجا بزنید

http://www.sohtanaka.com/web-design/examples/image-slider/


میخواستم بدونم اون قرمزه هست که شماره توشه میخواستم برای سر عنوان <div> بزنم لطفا راهنمایی کنید

[speeed]

نمیدونم چرا پاسخ گویی ضعیفه در برخی موارد فکر کنم بچه ها نمیبنین پست ها را خواهشا اقای ادمین یه فکری با حالش بکنن

[:hamid:]

کسی وظیفه نداره اینجا جواب شما رو بده
و اگر هم بده ... لطف بزرگی کرده در حق شما

[golnouri]

دوست عزیز طلبکاری؟ زنگ آخر وایسا دم در گرد گیری کنیم!

[hamidre13]

دوست عزیز اینجا هیچ کسی موظف به جواب گویی نیست ، هر کس هم جواب میده با شرف دل و بدون هیچ چشمداشتی هست! شما باید صبور باشی بین دو تا پست جنابعالی حتی یک روز هم وقت نیست!
به هر حال:اون هدر قرمز رو باید با فتوشاپ یا فایر ورکس یا ایلسترتور درست کنی(نگو چطور که باید اونوقت یه صفحه واست توضیح بدم) بدش بزارش توی بکگراند یکدونه اچ وان!
اون اسلاید شو رو هم می تونی مستقیما از همون سایت دانلود کنی و استفاده کنی!
اینم آدرس اون فایلی اسکریپت از همون سایتی که گذاشتی برداشتم!
http://www.bankgraphic.com/modules/mod_djimageslider/js/slider.js

[speeed]

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

[speeed]

مرسی داداش
نه اون قرمزه را که درستش کردم ولی الان مشکلی که هست نمیشه روش نوشت :متفکر:
اسلایدر هم که مشکلم حل شد داداش ممنون :قلب:

[Saber Mogaddas]

http://www.sohtanaka.com/web-design/examples/image-slider/paging_bg2.png

این لینک اون سر عنوان قرمز
با tag img بنداز تو div که نزدیکتره به مکانی که می خوایی سر عنوانت باشه
بعد با position:relative جابجاش کن اگه استفاده position رو بلد نیستی پرس و جو کن..:لبخند:
من تو این سایت ها استفاده کردم
http://www.nikbarco.com (http://www.nikbarco.com/)
http://www.pars-click.com (http://www.pars-click.com/)

[Saber Mogaddas]

نوشترم میتونی تو یه div or span داخل همون div بنوسی با margin or position or text-align تنظیم کنی
اگه متن شما ثابت تو فتوشاپ بنویسید سرفه جویی تو وقت و کد هاتو می شه دوست عزیز:قلب:

[hakan648]

دوست گرامی - احتیاجی به استفاده از img نیست . کافیه عکس رو که فرمودید بوسیله CSS بعنوان background-image استفاده کنند . همونکاری که خود سایت انجام داده :


<div class="paging" style="display: block;">
<a rel="1" href="#" class="">1</a>
<a rel="2" href="#" class="active">2</a>
<a rel="3" href="#" class="">3</a>
<a rel="4" href="#" class="">4</a>
</div>

.paging
{
background: url("paging_bg2.png") no-repeat scroll 0 0 transparent;
bottom: 40px;
height: 47px;
line-height: 40px;
position: absolute;
right: -7px;
text-align: center;
width: 178px;
z-index: 100;
}

در ضمن قصد جسارت ندارم اصلا ! ولی توصیه بسیاری از دوستان و بنده صرفه جویی در حجم صفحات هست و نه وقت و کد ! البته که یک طراح نباید وقتش رو هدر بده ولی نه به قیمت افزایش حجم صفحه - البته کلی عرض میکنم نه فقط برای همین مورد !
این تاپیک رو ببینید : http://forum.how2learnasp.net/ShowTopic.aspx?Code=4686 - مطمئنن بیشتر افراد برای این افکت از تصویر استفاده میکنند ولی با وجود این ترفند , استفاده از تصویر ( به دلایلی که همونجا عرض کردم ) اصلا جایز نیست !
موفق باشید ...

[Saber Mogaddas]

در ضمن قصد جسارت ندارم اصلا ! ولی توصیه بسیاری از دوستان و بنده صرفه جویی در حجم صفحات هست و نه وقت و کد ! البته که یک طراح نباید وقتش رو هدر بده ولی نه به قیمت افزایش حجم صفحه - البته کلی عرض میکنم نه فقط برای همین مورد !
اتفاقا من از این نظرات ایده ها خیلی خوشحال مشم..
شما تو Css از position:absolute; استفاده کردین که تو IE متاسفانه Bug داره ..و تو ورژن یایینتر ساپورت نمی شه..به خاطر همین relative پیشنهاد کردم..و تگ img کنترلش راحتر میشه..
absolute تو کل page شناور هست و مشکل ساز هست..
از نظرتونم بسیار ممنونم ..
با سپاس..

[speeed]

ممنون از همه دوستان اون مشکل من که حل شد
ولی یه سوال دیگه دارم که چند تا <div> را چطوری میتونم روبروی هم یا بغل هم قرار بدم و استفاده کنم ؟
با استفاده از flout?

[speeed]

یه نفر جواب منو میده ؟

[Saber Mogaddas]

ولی یه سوال دیگه دارم که چند تا <div> را چطوری میتونم روبروی هم یا بغل هم قرار بدم و استفاده کنم ؟
با استفاده از flout?
یه div اصلی ایجاد میکنید .. و div هایی که میخواهید کنار هم چیده شن رو float:right یا float:left برای همشون اعمال میکنید که به div اصلی لازم نیست float بدید..انم در نظر بگیرید که اگه height اون div اصلی زیاد باشه ..div ها به صورت عمود زیر هم قرار می گیرند..
موفق باشی..

[speeed]

یه div اصلی ایجاد میکنید .. و div هایی که میخواهید کنار هم چیده شن رو float:right یا float:left برای همشون اعمال میکنید که به div اصلی لازم نیست float بدید..انم در نظر بگیرید که اگه height اون div اصلی زیاد باشه ..div ها به صورت عمود زیر هم قرار می گیرند..
موفق باشی..
ممنون
داداش الان height زیاد نیست فقط مثلا وقتی میخوام مثلا چند تا div کنار هم قرار بدم div ها روی هم تاثیر میزارن ؟
مثلا چطوری میتونم یه دیو را بالای یه دیو دیگه قرار بدم به صورتی که روش تاثیر نزاره ؟
یا چطوری میشه سه تا div را کنار هم قرار داد مثلا من یه div را float:right میدم و با استفاده از margin تنظیمش میکنم بعد یه div دیگه را float:left میدم و با استفاده از margin بازم تنظیمش میکنم حالا میخوام کنار اون div که float:right یکی دیگه بزار حالا تکلیف چیه ؟

[Saber Mogaddas]

شما یه کاری بکن.. چون من منظورت رو دقیق نمی فهمم..تو فتو شاپ طرح div هاتو که می خوایی چه جوری بچینیو واسم بده من code شو بدم خدومتتون..بعد تو source نگاه میکنی متوجه می شی ..

[speeed]

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

[Saber Mogaddas]

داداش نظرت چیه همشون را عکس بزارم؟ یعنی مثلا یه تایی که میخوام کنار هم بزارم توی فتوشاپ طراحی کنم بعد بیام توی صفحه به عنوان عکس بزارم ؟
ایا به هم نمیریزه صفحه توی مرورگرها مختلف ؟
این کار اشتباه page تو سنگین میکنه..بهتره که تکه تکه باشه.. من تو کد پایین 4 تا div کنار هم گذاشتم..ببین منظورت اینه؟؟


<div id="Wraper">
<div class="Div1">Div1</div>
<div class="Div1">Div2</div>
<div class="Div1">Div3</div>
<div class="Div1">Div4</div>
</div>
#Wraper
{

width:441px;
height:150px;
margin:auto;
background-color:#000;
}
.Div1
{
width:100px;
height:120px;
margin:5px 5px 5px 5px;
float:right;
background-color:#979191;
text-align:center;
}



موفق باشی..