Thank you Paolo!

On Tuesday, 4 June 2013 19:14:18 UTC-5, Paolo Caruccio wrote:
>
> In order to eliminate the issue under point 1, we could modify slightly 
> the interested code in layout.html in: 
>
>     <!-- Masthead ================================================== -->
>     <header class="mastheader row" id="header">
>       
>         <div class="span12">
>             <div class="page-header">
>                 <h1>{{if response.title is not None:}}
>                     {{=response.title}}
>                     <small>{{=response.subtitle or ''}}</small>{{pass}}
>                 </h1>
>             </div>
>         </div>
>
>
>     </header>
>
> About point 2, in order to change the color of the links it's enough to 
> set the following rules in web2py_bootstrap.css (preferibly on top of the 
> file below the first rule):
>
> a{color: magenta;}
> a:visited{color: pink;}
> a:hover{color: red;}
> a:focus{color: brown;}
> a:active{color: darkmagenta;}
>
> Of course please change the color value at your taste.
>
> The same for the color of headers:
>
> h1{color: green;}
> h2{color: lightgreen;}
> h3{}
> h4{}
> h5{}
> h6{}
>
> Finally, for the image under menu there are several ways in order to 
> obtain the same result.
>
> Replace the title with a big image:
>
>     <!-- Masthead ================================================== -->
>     <header class="mastheader row" id="header">
>       
>         <div class="span12">
>             <div class="page-header">
>                 {{response.title = XML('<img src="%s" alt="web2py image" 
> />' % (URL('static','images/big_image.jpg'))) # this is only for example}}
>                 {{response.subtitle = None # this is only for example}}
>                 <h1>{{if response.title is not None:}}
>                     {{=response.title}}
>                     <small>{{=response.subtitle or ''}}</small>{{pass}}
>                 </h1>
>             </div>
>         </div>
>
>
>     </header>
>
> In this case the image will not be as wide as the page width.
> To obtain the right result we have to add a new element in layout.html and 
> some css rules to web2py_bootstrap.css. Here attached the patched files.
>
> Please note that the code has not been deeply tested, so please let me 
> know if you'll find bugs.
>
>
> Il giorno martedì 4 giugno 2013 16:20:21 UTC+2, Massimo Di Pierro ha 
> scritto:
>>
>> I would like help with two css issues:
>>
>> 1) In layout.html if there is no response.title, the page content slides 
>> up and may disappear under the menu banner. Can we prevent this?
>>
>> 2) In web2py_bootstrap.css I would like to have example code to change 
>> the colors without changing the bootstrap.css (specifically color of links, 
>> headers, menu banner, and add a page wide image under the menu banner. 
>> These seems to be recurrent needs. 
>>
>

-- 

--- 
You received this message because you are subscribed to the Google Groups 
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to web2py+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.


Reply via email to