EzPortal - Portal Software for Forums

EzPortal - Made to Fit Your SMF Forum - Glad You Found Us!
+- +-

UserBox

Welcome, Guest.
Please login or register.
 
 
 
Forgot your password?

+- Recent Posts

ezPortal 4.0 Released! by EzPortal
August 13, 2018, 02:27:14 pm

Re: How to add pictures on recent post ezportal front page by Botango23
June 30, 2018, 03:38:18 am

Re: How to add pictures on recent post ezportal front page by EzPortal
June 29, 2018, 06:21:42 pm

How to add pictures on recent post ezportal front page by Botango23
June 29, 2018, 04:47:11 pm

Re: Surface ol lite theme release Free! by Higby
June 29, 2018, 07:58:33 am

Re: ezBlock listed as installed by EzPortal
June 06, 2018, 11:18:36 am

Re: ezBlock listed as installed by MamaTea
June 06, 2018, 10:54:41 am

Re: ezBlock listed as installed by MamaTea
June 06, 2018, 10:38:48 am

+- HTML Menu


Sample HTML Block Usage - You May Custom Code it, as needed!

Author Topic: surface31a Theme  (Read 2801 times)

0 Members and 1 Guest are viewing this topic.

Offline pixiegurl83

  • Newbie
  • *
  • Posts: 3
  • Karma: 0
  • Gender: Female
    • Sports Talk 24/7
surface31a Theme
« on: November 08, 2015, 05:45:19 am »
How would I put a logo in to the rectangle space where it says "Sports Talk 24/7"?  Image below:




Offline EzPortal

  • Administrator
  • *****
  • Posts: 1179
  • Karma: 63
Re: surface31a Theme
« Reply #1 on: November 08, 2015, 10:40:31 pm »
Maxx would know wince he made it.

But it looks like an edit to index.template.php
Like ezPortal? Support me at https://www.patreon.com/vbgamer45/

Offline pixiegurl83

  • Newbie
  • *
  • Posts: 3
  • Karma: 0
  • Gender: Female
    • Sports Talk 24/7
Re: surface31a Theme
« Reply #2 on: November 09, 2015, 02:15:15 am »
Yeah, it's there, but I can't seem to figure out how to place the image in there. I would like for my logo (banner) to fill the entire box. I have the image sized exactly, but can't get it to work.

Offline Maxx

  • VN Vet E4
  • Hero Member
  • *****
  • Posts: 560
  • Karma: 8
  • Gender: Male
  • Web Designer
    • SurfaceThemes - Web Design Ideas Classic Rock
Re: surface31a Theme
« Reply #3 on: November 09, 2015, 09:27:26 am »
Hello!

In you mx-custom.css file, you will find this code:

Code: [Select]
.maxx-header {   
background: url("../maxx/header.png") repeat scroll 0 0;   
height: 175px;   
margin: 0 auto;   
position: relative;}

replace with this code:

Code: [Select]
.maxx-header {   
background: url("../maxx/header.png") no-repeat;
    background-position: center top, 0 0;   
height: 175px;   
margin: 0 auto;   
position: relative;}

Now you banner will need to be placed in the Themes/surface31a2/maxx/  folder and named :
"header.png" (via FTP) upload!

the height of the image must be 175px and the with will depend on the width you set the wrapper or width of the theme... so some width tweaking will be need! if the background color matches. the position will be top center as in the css code!

regards,
maxx
If you find this Portal System useful, please consider supporting us with a small Donation!
Check out the How to Section!!
Please remember to keep your back ups, up to date, before you try anything new!

Offline pixiegurl83

  • Newbie
  • *
  • Posts: 3
  • Karma: 0
  • Gender: Female
    • Sports Talk 24/7
Re: surface31a Theme
« Reply #4 on: November 10, 2015, 05:13:50 am »
Maxx, we got a prob :)

Logo fits perfectly, but on smaller screens (mobile phones/tablets) the logo gets cut off.

Offline Maxx

  • VN Vet E4
  • Hero Member
  • *****
  • Posts: 560
  • Karma: 8
  • Gender: Male
  • Web Designer
    • SurfaceThemes - Web Design Ideas Classic Rock
Re: surface31a Theme
« Reply #5 on: November 10, 2015, 07:50:27 am »
That be the problem with a Banner header :(

The theme was not made for this and most any will not work this way in mobile devices, it would be easier for you to use a small;er Logo.

Or you could make smaller images with a background the matches the banner, they your banner would be linked/parsed in the Current Theme settings!

regards,
Maxx
If you find this Portal System useful, please consider supporting us with a small Donation!
Check out the How to Section!!
Please remember to keep your back ups, up to date, before you try anything new!

Offline Maxx

  • VN Vet E4
  • Hero Member
  • *****
  • Posts: 560
  • Karma: 8
  • Gender: Male
  • Web Designer
    • SurfaceThemes - Web Design Ideas Classic Rock
Re: surface31a Theme
« Reply #6 on: November 10, 2015, 12:22:03 pm »
pixiegurl83

Just to let you know that possible in week or so I may be able to look at your site make some suggestions, But I'm crazy sick lately.. compilations with old age.

It may work if you put a max and min-width to the header banner, in the same code I gave you, like example max-width: 1000px; min-width:360px; you will need to make these to work with you neads and requirements!

regards,
Maxx
 
If you find this Portal System useful, please consider supporting us with a small Donation!
Check out the How to Section!!
Please remember to keep your back ups, up to date, before you try anything new!

 

Related Topics

  Subject / Started by Replies Last post
4 Replies
6511 Views
Last post January 09, 2010, 12:23:11 am
by EzPortal
2 Replies
4854 Views
Last post January 24, 2010, 08:45:50 am
by EzPortal
1 Replies
8631 Views
Last post March 30, 2012, 01:11:08 pm
by Maxx
1 Replies
2808 Views
Last post September 27, 2014, 09:54:59 am
by EzPortal
0 Replies
3643 Views
Last post September 30, 2014, 01:55:44 pm
by Maxx

+-SMF Gallery

Quick Menu








Members Online

13 Guests, 0 Users
Powered by EzPortal