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

Re: Surface theme by EzPortal
May 03, 2018, 07:12:33 am

Re: Surface theme by lazo50
May 03, 2018, 07:01:42 am

Surface theme by lazo50
April 30, 2018, 10:22:07 am

Re: Adding php actions to a ezBlock by EzPortal
March 13, 2018, 09:13:03 pm

Adding php actions to a ezBlock by KKOG
March 13, 2018, 05:38:49 pm

Re: SMF Gallery random image block - showing only 1 image by EzPortal
February 16, 2018, 09:40:48 am

Re: SMF Gallery random image block - showing only 1 image by Polanco
February 16, 2018, 07:24:19 am

Re: theme issues while edit by EzPortal
January 10, 2018, 07:22:17 pm

+- HTML Menu


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

Author Topic: surface31a Theme  (Read 2722 times)

0 Members and 2 Guests 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: 1176
  • 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

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

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

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
 

 

Related Topics

  Subject / Started by Replies Last post
4 Replies
6389 Views
Last post January 09, 2010, 12:23:11 am
by EzPortal
2 Replies
4773 Views
Last post January 24, 2010, 08:45:50 am
by EzPortal
1 Replies
8531 Views
Last post March 30, 2012, 01:11:08 pm
by Maxx
1 Replies
2754 Views
Last post September 27, 2014, 09:54:59 am
by EzPortal
0 Replies
3596 Views
Last post September 30, 2014, 01:55:44 pm
by Maxx

+-SMF Gallery

Quick Menu








Members Online

18 Guests, 0 Users
Powered by EzPortal