PDA

View Full Version : این صفحه رو چطوری می شه طراحی کرد ؟



soshyanet
چهارشنبه 23 شهریور 1390, 19:21 عصر
سلام دوستان

من دارم یه سایت طراحی می کنم قراره خبر هاش به این شکل بیاد

75300

یعنی وسط خبرهاش یه تیکه تبلیغ بیاد

نمی دونم این تبلیغ رو به چطوری بندازم که شکل عکس بالا بشه


دوستان اگه راهنمایی کنید ممنون می شم

hamidre13
چهارشنبه 23 شهریور 1390, 21:51 عصر
کافی هست به المنتی که میخوای توش تبلیغ نشون داده بشه فلوت لفت بدی!

computer-mag
پنج شنبه 24 شهریور 1390, 02:06 صبح
اگه از تکنیک Table less استفادعه کنی به راحتی می تونی اینو طراحی کنی! فقط کافیه اون باکس تبلیغاتت رو بزاری تی یه div که به قول دوستمون خاصیت float اون برابر left باشه چیزی تقیران مثله کد زیر:


<div style="float:left">
چیزایی که می خای رو بنویس
</div>

soshyanet
پنج شنبه 24 شهریور 1390, 08:44 صبح
دوستان عزیز ممنون از راهنمایی تون

ولی اینطوری وقتی خبر را از دیتابیس می خونی

یا بالای باکس تبلیغ می آد یا زیرش


می شه یکم بیشتر راهنمایی کنید

computer-mag
پنج شنبه 24 شهریور 1390, 14:18 عصر
دوستان عزیز ممنون از راهنمایی تون

ولی اینطوری وقتی خبر را از دیتابیس می خونی

یا بالای باکس تبلیغ می آد یا زیرش


می شه یکم بیشتر راهنمایی کنید


نفهمیدم منظورتونو میشه واضح تر بگید یا URL جایی رو که مد نظرتونه رو بدید؟

hakan648
پنج شنبه 24 شهریور 1390, 14:24 عصر
سلام
راهکارهای دوستان وقتی جواب میده که اول محتوا رو در صفحه داشته باشیم و بعد بخوایم وسطش یه تبلیغ بزاریم .
ولی مشکل شما اینه که ما باید اول عکس رو بزاریم و بعد محتوا قرار بگیرن و خب معلومه که این کار با HTML قابل انجام نیست . مثلا در کد زیر :


<div id="mycontent">
<div id="repeater">
</div>
<img />
</div>

طبق این کد مشخصه که نمیشه کاری کرد که عکس به سمت بالا حرکت کرده و بین متن قرار بگیره . اگر از float یا position:absolute هم استفاده کنیم , عکس بروی محتوا قرار میگیره و قسمتی از متن ناخوانا میشه .
برای حل این مشکل پیشنهاد میکنم موقع درج خبر د بانک اطلاعاتیتون , به هر اندازه که مناسب میدونید , مثلا بعد از 500 کرکتر , کد درج عکس رو بین محتوا قرار بدید .
یعنی به برنامه بگید 500 کرکتر از اول بشمره و بعد کد <img src="add.jpg"> رو بزاره ! البته برای اینکه عکس وسط یک جمله یا کلمه نیوفته , میتونید بعد از 500 کرکتر و بعد از یک نقطه کد رو قرار بده.
البته این فقط نظر بنده و طبق اطلاعات من هست ...
موفق باشید ...

mmssoft
پنج شنبه 24 شهریور 1390, 16:01 عصر
اگه تبلیغ ها بتونن به شکل فقط یه عکس باشن، مثلا همین چیزی که بالا هست به یه عکس تبدیل بشه، میشه گذاشتش کنار div مربوط به متن خبر و به img فلوت لفت داد تا ست بشه...

hakan648
پنج شنبه 24 شهریور 1390, 17:06 عصر
دوستان بیاید اول مشکلمون رو با خودمون حل بعد نتیجه رو به فرد سوال کننده ارائه بدیم :
این صفحه ای هست که همه دوستان فرمودند باید float:left بزاریم . لطفا ببینید که آیا جواب میده یا نه ؟ http://developerteam.tk/Other/myadd.html
(http://developerteam.tk/Other/myadd.html)در ضمن یه خواهشی دارم و فکر میکنم درستش هم همین باشه , اینکه وقتی یکی گفت float:left دیگه کسانی که همین نظر رو دارند پست ندند! اینجا قرار نیست که نظرامون رو مطرح کنیم , قراره راه درست رو پیدا کنیم .
بنده نتونستم با html این کار رو انجام بدم . نظر شما رو هم در لینک فوق قرار دادم . حالا اگه شما دوستان تونستید انجام بدید به بنده هم که نمیدونم بگید .
( در هر پست هم بخاطر تفاوت نظری که با دوستان دارم عذرخواهی میکنم و میگم که هیچ وقت قصد جسارت نداشته و ندارم ... )
با تشکر از لطف شما ...

mmssoft
پنج شنبه 24 شهریور 1390, 18:16 عصر
ببینید این کمکی میکنه یا نه. مال خیلی وقت پیشه...

hakan648
جمعه 25 شهریور 1390, 07:28 صبح
کدخوبی بود ولی مشکل اینه که با چیزی که دوستمون خواستند مطابقت نداره! اگه به عکس دقت کنید , تبلیغ بین محتوا قرار گرفته !
برای این مورد کسی راه حلی داره ؟

dorparasti
جمعه 25 شهریور 1390, 13:05 عصر
تنها راه ممکن اینه که اون متن یا هر element موردنظرت رو در بین متن اصلی قرار بدی همونطور که hakan648 (http://barnamenevis.org/member.php?121474-hakan648) گفتن . برای اینکه موقع قرار دادن element تنظیمات متن اصلی به هم نخوره می تونی توی متن اصلیت ( موقع ثبت در دیتابیس ) یک نشانه خاص قرار بدی ( مثلا چند تا * یا # یا هرچی) و بعدا موقع نمایش اون رو با element موردنظرت replace کنی .

برای قرار دادنش در چپ یا راست هم که دیگران گفتن .