Jump to content

Gradient (Blue)


fredsonnunesjr

Recommended Posts

%7Boption%7D



File Name: Gradient (Blue)

File Submitter: Fredson Nunes Jr.

File Submitted: 10 Sep 2012

File Category: Color Change Skins

Supported Versions: IP.Blog 2.6.x, IP.Board 3.4.x, IP.Calendar 3.3.x, IP.Chat 1.4.x, IP.Content 2.3.x, IP.Downloads 2.5.x, IP.Gallery 5.0.x, IP.Nexus 1.4.x



IF YOU USE IP.BOARD 3.3.X DOWNLOAD VERSION 1.0.0

Skin with gradient effect in almost all of its design, light skin, some images removed and replaced with CSS code, scroll to top and more!
logo.psd file if you want to make a logo following the pattern of original. Because of that the zip is larger (1,18MB).

Hope you enjoy!
Maybe I'll release the skin Gradient in other colors.

ZIP contains readme.html file, logo.psd and screenshots for more details and instructions.

Browser compatibility:

  • Google Chrome: OK!
  • Opera: OK!
  • Safari: OK!
  • Mozilla Firefox: OK!
  • Internet Explorer: OK!

NOTE: In IE9 and previous versions, all will be squared. In IE10 the effects are ok, such as border-radius and gradient.

Skin by: Fredson Nunes Junior.



here to download this file

Link to comment
Share on other sites

Fixed.

Please, log in AdminCP, click in Look & Feel, click in the name of the skin. After the page of manage Templates open, click in CSS and after in ipb_styles.css.

Search for:

#branding {

background: transparent;

border-bottom: 1px solid transparent

min-height: 64px;

}


#logo { display: inline; }



#primary_nav {

background: transparent;

font-size: 13px;

padding: 4px 0 0 0;

}

Replace With:

#branding {

min-height: 64px;

}


#logo { display: inline; }



#primary_nav {

font-size: 13px;

padding: 4px 0 0 0;

}



Clear the cache of your web browser.
This error no will live in next version rsrsrsrs.

Link to comment
Share on other sites

  • 5 weeks later...

I can't edit my before post :s.

I have also increased the size of the board width, and the header bar looks out of whack with the rest of the board.

Where do I change the settings for this? I just don't have time to go searching right now, but would like to play with it until I am satisfied with it.

Thanks



If the error is with the top bar, you need change the width of #header_bar in the ipb_styles.css too.
Search to:

#header_bar {
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#E1E1E1)) repeat-X;
background: -moz-linear-gradient(top, white, #E1E1E1) repeat-X;
padding: 0;
text-align: right;
width: 80% !important;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;


In width: 80% !important;, change 80 for another number (stay per cent) and Save.
Link to comment
Share on other sites

  • 2 months later...
  • 2 weeks later...
  • 5 weeks later...
  • 3 weeks later...
  • 5 months later...

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...