WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

Goto page : Previous  1, 2

View previous topic View next topic Go down  Message [Page 2 of 2]

1 Tiling image behind banner on PhpBB? on Sun Apr 10, 2011 8:28 am

Josh


Registered Member
Registered Member
First topic message reminder :

Hey guys, I posted this to the forummotion support forum but it didn't get any responses, so I was wondering if someone could help me with the code?

I would like to create a banner similar to this setup I made on a site a while back: [link]. Unfortunately, this required template editing on Phpbb3 and thus I wouldn't be able to use the same method for PhpBB. Anyway, I think the code would actually be pretty simple: Just a horizontally tiling image that's in the same location of the banner, positioned under it (and above the main forum body).

Thanks!


21 Re: Tiling image behind banner on PhpBB? on Mon Apr 11, 2011 9:13 pm

Josh


Registered Member
Registered Member
Replaced it. Where do the see the second one?

22 Re: Tiling image behind banner on PhpBB? on Mon Apr 11, 2011 9:15 pm

Nera


WebArtz Technician
WebArtz Technician
Code:
 .post {
background-image: url(' http://i56.tinypic.com/bbk0k.png ');
background-repeat: repeat;
background-position: top center;
}

* {
    margin: 0px;
    padding: 0px;
    }
html {
   font-size: 100%;
   height: 100%;
   }
* html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }
*+ html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }

/* Begin CSS for print media */
@media print {
   * {
   background-image: none;
   background-color: #fff;
   color: #000;
   }
body {
    background-attachment: scroll;
    background-color: #BFA343;
    background-image: url("http://i266.photobucket.com/albums/ii247/Kab0000m/TRStructure-1.png");
    background-repeat: repeat-x;
    color: #25838F;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: auto;
    padding: 10px 0;
}
body#phpbb div#wrap {
   width: 85%;
    margin: 0;
   }
span.corners-top,span.corners-bottom {
   display: none;
   }

/* Header */
#wrap #logo-desc p,#wrap #logo-desc img,div#page-header div.navbar,div#page-header div.navbar ul.linklist {
   display: none !important;
   }
#wrap div.headerbar {
   margin: 0;
   border-bottom: 1px solid #ccc;
   }
#wrap div#page-body h2 {
   font-weight: bolder;
   border-bottom: 1px solid #ccc;
   margin-bottom: 1em;
   }

/* Posts */
#wrap div#page-body div.topic-actions,#wrap div#page-body .pagination,#wrap div#page-body .left-box,#wrap div.postbody ul.profile-icons,#wrap div.postbody img,#wrap dl.postprofile,#wrap div.post .right,#wrap div.postbody div.signature {
   float: none;
   display: none !important;
   }
#wrap dl.postprofile {
   float: none;
   }
#wrap div.postbody .online {
   background-image: none;
   }
#wrap div.postbody {
   width: auto;
   }
#wrap div.postbody h3 {
   font-size: 10pt;
   }
#wrap div.postbody p.author {
   width: 100%;
    border-bottom: 1px dashed #ccc;
   }
#wrap div#page-body div.post {
   padding: 0 0 2em 0;
   border-top: 3px double #ccc;
   }
div.postbody {
   width: 100%;
    float: none;
   }
#wrap div#page-body div.post .content {
   overflow: visible;
   }

/* Footer */
div.noprint {
   display: none;
   }
#wrap div#page-footer,#wrap div#page-footer ul.linklist {
   display: none;
   }
}

/* End CSS for print media */
#min-width {
    min-width: 750px;
    }
body {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #25838f;
   background-color: #af9449;
   background-image: url('http://i266.photobucket.com/albums/ii247/Kab0000m/TRBackground-1.png');
   background-attachment: fixed;
   font-size: 10px;
   height: auto;
   padding: 10px 0px;
   }


Ank's here, he'll finish it. Angel

23 Re: Tiling image behind banner on PhpBB? on Mon Apr 11, 2011 9:23 pm

Josh


Registered Member
Registered Member
Odd, not sure how that got there. It seems to be working now, thank you for your help! Smile

Last questionr regarding this - do you know how I can remove these white corners?

http://i26.servimg.com/u/f26/13/66/98/43/pasted10.png

24 Re: Tiling image behind banner on PhpBB? on Mon Apr 11, 2011 9:28 pm

Nera


WebArtz Technician
WebArtz Technician
1. Remove picture links in 4 places for removing little white corners

Code:
span.corners-top {
    background-image: url("http://illiweb.com/fa/prosilver/corners_left.gif");



Code:
span.corners-top span {
    background-image: url("http://illiweb.com/fa/prosilver/corners_right.gif");


Code:
span.corners-bottom {
    background-image: url("http://illiweb.com/fa/prosilver/corners_left.gif");


Code:

span.corners-bottom span {
    background-image: url("http://illiweb.com/fa/prosilver/corners_right.gif");

25 Re: Tiling image behind banner on PhpBB? on Mon Apr 11, 2011 9:34 pm

Josh


Registered Member
Registered Member
Okay, great. Is it possible to still round the corners of the widgets, forum tables, etc? (Perhaps using CSS rather than just adding the corner images?)

26 Re: Tiling image behind banner on PhpBB? on Mon Apr 11, 2011 9:36 pm

Nera


WebArtz Technician
WebArtz Technician
Let's not put it all in one topic. Open a new one for other things. I'll answer you latter, have to go now.

27 Re: Tiling image behind banner on PhpBB? on Mon Apr 11, 2011 9:38 pm

Josh


Registered Member
Registered Member
Alright, thanks for all your help!

28 Re: Tiling image behind banner on PhpBB? on Mon Apr 11, 2011 9:43 pm

Nera


WebArtz Technician
WebArtz Technician
No problem. This is solved.

29 Re: Tiling image behind banner on PhpBB? on Tue Apr 12, 2011 7:38 pm

Unknown Data


Registered Member
Registered Member
Solved | Locked

http://www.sjovfakta.dk

View previous topic View next topic Back to top  Message [Page 2 of 2]

Goto page : Previous  1, 2

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