Using Differents kinds of grid on a layout

27 views
Skip to first unread message

Alex Medeiros

unread,
Nov 21, 2011, 9:05:14 AM11/21/11
to Blueprint CSS
Hi everbody, I recived a propouse of layout to make the html and css.
I m using compass with blueprint framework to make the layout.

And I recived the psd I was surprise because the layout has 2 kinds of
grid with differents widths of columns and margin.

follow the image link:
http://s7.postimage.org/c62kjxrdn/grid_HOME.jpg

how can I implement this?

Artur Leśniewski

unread,
Nov 21, 2011, 2:13:52 PM11/21/11
to bluepr...@googlegroups.com
use generete from site


next generate 


and use 



2011/11/21 Alex Medeiros <alexle...@gmail.com>

--
You received this message because you are subscribed to the Google Groups "Blueprint CSS" group.
To post to this group, send email to bluepr...@googlegroups.com.
To unsubscribe from this group, send email to blueprintcss...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.




--
Pozdrawiam,
Artur Leśniewski

[mobile] +48 504655990
[email] arturle...@gmail.com
[gg] 1859766
[www] http://www.mnich.pl
[allegro] http://allegro.pl/show_user_auctions.php?uid=267851

Alex Medeiros

unread,
Nov 24, 2011, 12:32:07 PM11/24/11
to Blueprint CSS
Artur, is not so easy!!!

with the generator I get the same class with differents size.
I have differents containers, so I need to identify this container,
how if I made some cascata to differents class of span.

Remember I have the 2 kinds of grind in the same page!!

On 21 nov, 17:13, Artur Leśniewski <arturlesniew...@gmail.com> wrote:
> use generete from site
>
> http://ianli.com/blueprinter/?cw=40&gw=20&cc=16
>
> next generate
>
> http://ianli.com/blueprinter/?cw=60&gw=20&cc=8
>
> and use
>

> 2011/11/21 Alex Medeiros <alexleand...@gmail.com>


>
>
>
>
>
>
>
>
>
> > Hi everbody, I recived a propouse of layout to make the html and css.
> > I m using compass with blueprint framework to make the layout.
>
> > And I recived the psd I was surprise because the layout has 2 kinds of
> > grid with differents widths of columns and margin.
>
> > follow the image link:
> >http://s7.postimage.org/c62kjxrdn/grid_HOME.jpg
>
> > how can I implement this?
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "Blueprint CSS" group.
> > To post to this group, send email to bluepr...@googlegroups.com.
> > To unsubscribe from this group, send email to
> > blueprintcss...@googlegroups.com.
> > For more options, visit this group at
> >http://groups.google.com/group/blueprintcss?hl=en.
>
> --
> Pozdrawiam,
> Artur Leśniewski
>
> [mobile] +48 504655990

> [email] arturlesniew...@gmail.com

HoneyBee

unread,
Nov 24, 2011, 1:56:51 PM11/24/11
to Blueprint CSS
I would love to see the PDS. It is very easy to get any sort of layout
with blueprint. You may need to incorporate the .push and .pull
classes to manipulate column width.


On Nov 24, 5:32 pm, Alex Medeiros <alexleand...@gmail.com> wrote:
> Artur, is not so easy!!!
>
> with the generator I get the same class with differents size.
> I have differents containers, so I need to identify this container,
> how if I made some cascata to differents class of  span.
>
> Remember I have the 2 kinds of grind in the same page!!
>

> On 21 nov, 17:13, Artur Le¶niewski <arturlesniew...@gmail.com> wrote:
>
>
>
> > use generete from site
>
> >http://ianli.com/blueprinter/?cw=40&gw=20&cc=16
>
> > next generate
>
> >http://ianli.com/blueprinter/?cw=60&gw=20&cc=8
>
> > and use
>
> > 2011/11/21 Alex Medeiros <alexleand...@gmail.com>
>
> > > Hi everbody, I recived a propouse of layout to make the html and css.
> > > I m using compass with blueprint framework to make the layout.
>
> > > And I recived the psd I was surprise because the layout has 2 kinds of
> > > grid with differents widths of columns and margin.
>
> > > follow the image link:
> > >http://s7.postimage.org/c62kjxrdn/grid_HOME.jpg
>
> > > how can I implement this?
>
> > > --
> > > You received this message because you are subscribed to the Google Groups
> > > "Blueprint CSS" group.
> > > To post to this group, send email to bluepr...@googlegroups.com.
> > > To unsubscribe from this group, send email to
> > > blueprintcss...@googlegroups.com.
> > > For more options, visit this group at
> > >http://groups.google.com/group/blueprintcss?hl=en.
>
> > --
> > Pozdrawiam,

> > Artur Le¶niewski
>
> > [mobile]+48 504655990begin_of_the_skype_highlighting            +48 504655990

HoneyBee

unread,
Nov 24, 2011, 2:08:37 PM11/24/11
to Blueprint CSS
Seen the pds. Definitely use the push and pull. Base the grid design
on the blue and the incorporate push and pull to accomodate the pink
section. Hope this helps!

> > > [mobile]+48 504655990begin_of_the_skype_highlighting            +48 504655990      begin_of_the_skype_highlighting            +48 504655990

Artur Leśniewski

unread,
Nov 26, 2011, 4:25:17 AM11/26/11
to bluepr...@googlegroups.com
Alex, look this http://mnich.pl/blueprint/mearge.html

2011/11/24 Alex Medeiros <alexle...@gmail.com>
[email] arturle...@gmail.com

Cliff Oliveira

unread,
Nov 24, 2011, 12:34:59 PM11/24/11
to bluepr...@googlegroups.com
excelente

tks

2011/11/24 Alex Medeiros <alexle...@gmail.com>



--
 Cliff Oliveira
www.tribodeideias.com.br
Reply all
Reply to author
Forward
0 new messages