The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Coding Issue Regarding Header

3 posters

Go down

Solved Coding Issue Regarding Header

Post by Cypress/Noir July 23rd 2018, 5:54 am

Technical Details


Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Screenshot of problem : https://i.imgur.com/L8FRjfw.png
Who the problem concerns : All members
When the problem appeared : It just started, I'm trying to make the width of the coding larger, and in the process the image code larger, which seemingly I cannot do.
Forum link : http://op-endlessfrontiers.forumotion.com/

Description of problem

Alright, so I've been trying to enlarge what will be the banner, coding can be found here

V

Code:
/*************************
banner space
*************************/

.bannerspace {
  border:1px solid #10100f;
  border-bottom:0px!important;
  background:#292928;
  z-index: -100;
width:1500px;
height:510px;
  overflow:hidden;
margin:auto;
  margin-top:60px;
}

.bannerimage {
width:490px;
  height:390px;
  overflow:hidden;
  position:relative;
  left:995px;
  top:-5px;
}

.bannerimage1 {
border:20px solid #292928;
  border-bottom-left-radius:650px;
}

.bannerextrasbox {
background:#292928;
width:1000px;
height:100px;
  margin-top:150px;
}

.bannername {
  line-height:90px;
font-family: 'Cormorant Infant', serif;
color:#4e4e4d;
letter-spacing:8px;
font-size:120px;
position:relative;
font-weight:700;
top:-350px;
left:20px;
  width:900px;
text-shadow: 0px 2px 0px #0f0f0f;
}

.bannername::first-letter {
color:#B2B2FF;
}

.bannersmallname {
  color:#B2B2FF;
  font-family:courier new;
  letter-spacing:5px;
  font-size:10px;
  text-transform:uppercase;
  position:relative;
  top:-330px;
  left:30px;
}

The one I want is the bannerimage tag, and I've tried to enlarge the actual image size, but this changes nothing. I'm not entirely sure what I'm doing wrong here; as I've never actually had a problem before. The skin was made for me by a good friend of mine, and I'm attempting to recycle it for my One Piece forum, and so far everything has gone some what the way I wanted, but this thing just won't budge.

Here is the javascript section inside of the basic template;

Code:
<div class="bannerspace">
  <div class="bannerimage"><a href="http://op-endlessfrontiers.forumotion.com/"><img src="http://via.placeholder.com/490x390" class="bannerimage1" /></a></div>
  <div class="bannername">One </div><div class="bannername">Piece</div>
  <div class="bannername">Endless </div><div class="bannername">Frontiers</div>
<div class="bannersmallname">An One Piece RPG</div>
  <div class="navbartop">
         <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
                          <li>{GENERATED_NAV_BAR}</li>
         </ul>

      </div>

That is placed in the overall_header section in the general templates.


Any help is very appreciated ^_^


Last edited by Cypress/Noir on July 23rd 2018, 5:59 pm; edited 1 time in total
Cypress/Noir
Cypress/Noir
New Member

Female Posts : 7
Reputation : 1
Language : English
Location : USA

http://op-endlessfrontiers.forumotion.com/

Back to top Go down

Solved Re: Coding Issue Regarding Header

Post by skouliki July 23rd 2018, 7:41 am

hello



to change the banner image add this to your css, add the number px to your likeness

Code:

.bannerimage1 {
      width: px;
}
skouliki
skouliki
Manager
Manager

Female Posts : 15414
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Coding Issue Regarding Header

Post by Cypress/Noir July 23rd 2018, 5:58 pm

Oh my gosh, why didn't I realize that sooner >W<;; I'm so so sorry for wasting your time! But thank you for the help @skouliki!

Problem Solved!
Cypress/Noir
Cypress/Noir
New Member

Female Posts : 7
Reputation : 1
Language : English
Location : USA

http://op-endlessfrontiers.forumotion.com/

Back to top Go down

Solved Re: Coding Issue Regarding Header

Post by SLGray July 23rd 2018, 7:18 pm

Problem solved & topic archived.
Please read our forum rules:  ESF General Rules


Coding Issue Regarding Header Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51600
Reputation : 3527
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum