PDA

View Full Version : نحوی قالب بندی 4 سطری مانند فروشگاه



korosh00
دوشنبه 20 خرداد 1392, 11:18 صبح
سلام
من قالب بندی مانند اخبار را به همت دوستان تونستم یاد بگیرم
اگه بخوام مانند فروشگاه هر سطری چهار تا عکس و توضیح کوتاه داشته باشه چکار کنم ؟
ممنون

korosh00
چهارشنبه 22 خرداد 1392, 14:15 عصر
راهنمایی لطفا ؟؟

younesdoost
چهارشنبه 22 خرداد 1392, 16:23 عصر
این لینک رو ببینید:
http://twitter.github.io/bootstrap/scaffolding.html#fluidGridSystem

EnKamran
چهارشنبه 22 خرداد 1392, 17:34 عصر
منظور دوستمون اینه که نتایج گرید به صورت ستونی بیاد نه سطری
شما از دیتالیست باید استفاده کنی

younesdoost
چهارشنبه 22 خرداد 1392, 17:56 عصر
منظور دوستمون اینه که نتایج گرید به صورت ستونی بیاد نه سطری
شما از دیتالیست باید استفاده کنی
:قهقهه:
دوست عزیز با استفاده از کلاسای لینکی که من دادم صفحه تقسیم بندی میشه.سطری یا ستونیش دیگه با خودتونه.حالا چون اونجا سطری کشیده که دلیل نمیشه فقط سطری باشه.:قهقهه:

EnKamran
چهارشنبه 22 خرداد 1392, 18:42 عصر
شما میتونی با گرید ویو دو رکورد رو کنار هم قرار بدی بدون دردسر مثل دیتالیست؟
گویا شما از اون دسته افرادی هستی که تازه داری یاد میگیری، موفق باشی آقای younesdoost

younesdoost
چهارشنبه 22 خرداد 1392, 18:48 عصر
شما میتونی با گرید ویو دو رکورد رو کنار هم قرار بدی بدون دردسر مثل دیتالیست؟
گویا شما از اون دسته افرادی هستی که تازه داری یاد میگیری، موفق باشی آقای younesdoost
بنده مدتهاست که از Asp.net به Asp.net-MVC مهاجرت کردم.بدم نمیاد کنار نظرات شما دوباره Asp.net برام یادآوری بشه.

korosh00
چهارشنبه 22 خرداد 1392, 19:04 عصر
من از این لینک چیزی متوجه نشدم میشه کدی که لازمه را کپی کنید بزارید اینجا؟
ممنون

younesdoost
چهارشنبه 22 خرداد 1392, 19:11 عصر
من از این لینک چیزی متوجه نشدم میشه کدی که لازمه را کپی کنید بزارید اینجا؟
ممنون
بله.
ببینید اول باید فایلهای css و .js مربوطه رو از http://twitter.github.io/bootstrap/ این لینک دانلود کنید و بعد تو صفحتون فراحونی کنیدش.بعد فقط کافیه هر چی که می خواید نشون بدید رو داخل تگ هایی که من تو زیر بهتون نشون دادم بذارید تا صفحتون تقسیم بندی بشه:




<div class="row-fluid show-grid">

<div class="span4">
اینجا هرچی می خواید نشون بدید
</div>
</div>

ضمنان از
<div class="span4"></div> اینا هر چند تا که بخواید می تونید داشته باشید.کار تقسیم بندی خودش انجام میشه.

korosh00
چهارشنبه 22 خرداد 1392, 19:37 عصر
خیلی تشکر جواب میدی
این نحوی وارد کردن فایل ها را بفرمایید
اینجوری
<link href="Styles/StyleSheet.css" rel="stylesheet" type="text/css" />
درسته
جاوا ها را بفرمایید ؟

younesdoost
چهارشنبه 22 خرداد 1392, 19:49 عصر
خیلی تشکر جواب میدی
این نحوی وارد کردن فایل ها را بفرمایید
اینجوری
<link href="Styles/StyleSheet.css" rel="stylesheet" type="text/css" />
درسته
جاوا ها را بفرمایید ؟
خواهش می کنم دوست من.
ببینید صحیح ترین نحوه ی استفاده از فایلا ایناییه که من در زیر بهتون نشون می دم.اینطوری تو هر دیوایسی چه موبایل چه تبلت چه کامپیوتر با هر رزولوشن و هر سایز صفحه ای سایتتون درست میاد بالا.حالا برای مطالعه ی بیشتر خود سایتی رو که آدرسش رو دادم هم نگاه کنید.

<link rel="stylesheet" type="text/css" href="~/Styles/bootstrap.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="~/Styles/bootstrap-responsive.css" />
<script src="~/Scripts/jquery-1.7.1.js"></script>
<script src="~/Scripts/js/bootstrap.js"></script>

korosh00
چهارشنبه 22 خرداد 1392, 21:41 عصر
سلام
من تست کردم فقط چهارستون نمایش داد مانند اینکه از یک <br/>استفاده کرده باشی همین ؟

younesdoost
چهارشنبه 22 خرداد 1392, 22:22 عصر
سلام
من تست کردم فقط چهارستون نمایش داد مانند اینکه از یک <br/>استفاده کرده باشی همین ؟
خب همین کافیه دیگه.حالا هرچی می خواید توی اون تگ ها نشون بدید دیگه.راستی اگه دقت کرده باشید بعضی چیزا مثل جعبه متنای سایتتونم یه استایلی به خودشون گرفتن.اگه به اون سایته که گفتم برید و بقیه ی چیزاشم ببینید می بینید با همون فایلایی که دانلود کردید می تونید یه گرافیک کامل به سایتتون بدید در حالی که هم فایلاش کم حجمن هم از یه فریم ورک استفاده کردید.سایتای گوگل آیکون فایندر و بسیاری سایتای دیگه و همچنین ورژن جدید جوملا هم روی همین فریم ورک bootstrap هستن.

r_s1389@yahoo.com
پنج شنبه 23 خرداد 1392, 00:23 صبح
از یک دیتا لیست استفاده کن
<asp:DataList ID="DataList1" runat="server" DataKeyField="id"
DataSourceID="SqlDataSource1" RepeatColumns="3"
RepeatDirection="Horizontal">