Go Back   vb.org Archive > vBulletin 4 Discussion > vB4 General Discussions
Reload this Page A grid like this is possible?
FAQ Community Calendar Today's Posts Search

Reply
Page 1 of 2 1 2
 
Thread Tools Display Modes
  #1  
Old 04-27-2012, 04:17 PM
Tri@de's Avatar
Tri@de Tri@de is offline
 
Join Date: Sep 2003
Posts: 168
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default A grid like this is possible?
I want to make a grid like this one in the attachment.

Can someone help me?
Attached Images
File Type: jpg grid.jpg (50.4 KB, 0 views)
Reply With Quote
  #2  
Old 04-27-2012, 04:28 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
More information is needed. What is the width of the columns?
Reply With Quote
  #3  
Old 04-27-2012, 04:41 PM
Tri@de's Avatar
Tri@de Tri@de is offline
 
Join Date: Sep 2003
Posts: 168
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
this is the flaten grid i use now
Code:
<div id="doc3" class="yui-tvb-l1">
	<div id="bd">
		<div id="yui-main">
			<div class="yui-b">
				<div class="yui-gc">
					<div class="yui-u first yui-panel">
						<ul class="list_no_decoration widget_list" id="widgetlist_column1">$column[1]</ul>
					</div>
					<div class="yui-u yui-panel">
						<ul class="list_no_decoration widget_list" id="widgetlist_column2">$column[2]</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="yui-b yui-sidebar">
			<ul class="list_no_decoration widget_list" id="widgetlist_column3">$column[3]</ul>
		</div>
	</div>
</div>
and is

column1 column2 column3

sidebar (left) 160px, 2 columns (66,33)
Reply With Quote
  #4  
Old 04-27-2012, 05:17 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Just add an <hd> in there:

Code:
<div id="doc3" class="yui-tvb-l1">
	<div id="bd">
		<div id="yui-main">
			<div class="yui-b">
<div id=”hd”>
					<div class="yui-u yui-panel">
						<ul class="list_no_decoration widget_list" id="widgetlist_column4">$column[4]</ul>
					</div>
</div>
				<div class="yui-gc">
					<div class="yui-u first yui-panel">
						<ul class="list_no_decoration widget_list" id="widgetlist_column1">$column[1]</ul>
					</div>
					<div class="yui-u yui-panel">
						<ul class="list_no_decoration widget_list" id="widgetlist_column2">$column[2]</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="yui-b yui-sidebar">
			<ul class="list_no_decoration widget_list" id="widgetlist_column3">$column[3]</ul>
		</div>
	</div>
</div>
Reply With Quote
  #5  
Old 04-27-2012, 06:27 PM
Tri@de's Avatar
Tri@de Tri@de is offline
 
Join Date: Sep 2003
Posts: 168
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
It doesn't work. Have you tried it?

i see it in his way:
Attached Images
File Type: jpg 1.jpg (41.9 KB, 0 views)
File Type: jpg 2.jpg (98.7 KB, 0 views)
Reply With Quote
  #6  
Old 04-27-2012, 09:07 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Yes, I tried it. You need to put that in the top and bottom portion.

Have you ever edited any of that CSS or is it all still default?

Attached Images
File Type: png Screen Shot 2012-04-27 at 3.24.30 PM.png (73.7 KB, 0 views)
Reply With Quote
  #7  
Old 04-28-2012, 03:18 AM
Tri@de's Avatar
Tri@de Tri@de is offline
 
Join Date: Sep 2003
Posts: 168
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Oh sorry, my fault. after i did the grid i converted it to unflatten :P
Reply With Quote
  #8  
Old 05-29-2012, 07:44 PM
Energypac Energypac is offline
 
Join Date: Jun 2011
Posts: 19
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
I am trying to build a custom grid and it works on everything but IE. here's the code below, any ideas. I need a 100% 240px overtop of (25/75) widget -primary content with the 240px to be able to run top to bottom. See tmp dump for an example. https://tmpdmp.com/d2490f00fae4a360/d5b39b0d14cebc80 While we're asking, I could use another one that is basically the same as the one above except 100% primary content on second line with the 240px to be able to run top to bottom
Thanks
Marc---

<div id="doc3" class="yui-tvb-r3">
<div id="hd">
<div class="yui-u yui-header">
<ul class="list_no_decoration widget_list" id="widgetlist_column1">$column[1]</ul>
</div>
</div>
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<div class="yui-u yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column2">$column[2]</ul>
</div>
</div>
</div>
<div class="yui-b yui-sidebar">
<ul class="list_no_decoration widget_list" id="widgetlist_column3">$column[3]</ul>
</div>
<div id="yui-main">
<div class="yui-b">
<div class="yui-gf">
<div class="yui-u first yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column4">$column[4]</ul>
</div>
<div class="yui-u yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column5">$column[5]</ul>
</div>
</div>
</div>
<div class="yui-u yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column6">$column[6]</ul>
</div>
</div>
<div class="yui-g">
<div class="yui-g first">
<div class="yui-g first yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column7">$column[7]</ul>
</div>
<div class="yui-g yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column8">$column[8]</ul>
</div>
</div>
<div class="yui-g">
<div class="yui-g yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column9">$column[9]</ul>
</div>
<div class="yui-g yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column10">$column[10]</ul>
</div>
</div>
</div>
<ul class="list_no_decoration widget_list" id="widgetlist_column11">$column[11]</ul>
</div>
</div>
Reply With Quote
  #9  
Old 05-29-2012, 08:18 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Just taking a quick look at it, you have two divs with id "yui-main" That's a big no-no. You may only use an id once on a page.
Reply With Quote
  #10  
Old 05-29-2012, 09:57 PM
Energypac Energypac is offline
 
Join Date: Jun 2011
Posts: 19
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
I am trying to build a custom grid and it works on everything but IE. here's the code below, any ideas. I need a 100% 240px overtop of (25/75) widget -primary content with the 240px to be able to run top to bottom. See tmp dump for an example. https://tmpdmp.com/d2490f00fae4a360/d5b39b0d14cebc80 While we're asking, I could use another one that is basically the same as the one above except 100% primary content on second line with the 240px to be able to run top to bottom
Thanks
Marc---

<div id="doc3" class="yui-tvb-r3">
<div id="hd">
<div class="yui-u yui-header">
<ul class="list_no_decoration widget_list" id="widgetlist_column1">$column[1]</ul>
</div>
</div>
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<div class="yui-u yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column2">$column[2]</ul>
</div>
</div>
</div>
<div class="yui-b yui-sidebar">
<ul class="list_no_decoration widget_list" id="widgetlist_column3">$column[3]</ul>
</div>
<div id="yui-main">
<div class="yui-b">
<div class="yui-gf">
<div class="yui-u first yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column4">$column[4]</ul>
</div>
<div class="yui-u yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column5">$column[5]</ul>
</div>
</div>
</div>
<div class="yui-u yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column6">$column[6]</ul>
</div>
</div>
<div class="yui-g">
<div class="yui-g first">
<div class="yui-g first yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column7">$column[7]</ul>
</div>
<div class="yui-g yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column8">$column[8]</ul>
</div>
</div>
<div class="yui-g">
<div class="yui-g yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column9">$column[9]</ul>
</div>
<div class="yui-g yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column10">$column[10]</ul>
</div>
</div>
</div>
<ul class="list_no_decoration widget_list" id="widgetlist_column11">$column[11]</ul>
</div>
</div>
Reply With Quote
Reply
Page 1 of 2 1 2

« Previous Thread | Next Thread »

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 01:57 AM.

Contact Us - Archive - Top

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04916 seconds
  • Memory Usage 2,289KB
  • Queries Executed 12 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (2)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (10)post_thanks_box
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (10)post_thanks_postbit_info
  • (10)postbit
  • (4)postbit_attachment
  • (10)postbit_onlinestatus
  • (10)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 
Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete