[ABD] Swanky's Rounded Corners Style 1.5 For phpBB 3.0.1

Any abandoned 3.0.x Styles will be moved to this forum.
abramelin
Registered User
Posts: 79
Joined: Sat Apr 08, 2006 6:31 pm

Re: [RELEASE] Swanky's Rounded Corners Style 1.4 For phpBB 3.0.1

Post by abramelin » Sun Jun 08, 2008 3:29 pm

Download link is not working for me, it only redirects and redirects...

User avatar
SwapsRulez
Registered User
Posts: 163
Joined: Sun Sep 16, 2007 5:48 am

Re: [RELEASE] Swanky's Rounded Corners Style 1.4 For phpBB 3.0.1

Post by SwapsRulez » Mon Jun 09, 2008 2:27 am

abramelin wrote:Download link is not working for me, it only redirects and redirects...
Download links are fixed. They are uploaded to host. Actually i want you all to download them directly without redirecting to any host. That's why i've uploaded them to directly my site here

http://www.project-bb.org/

But as they are not working sometimes, its better to be them at the free host instead of my own site.
Will keep them in my site, when i get the host. :)
Thanks all you people for co-operation. Also, is there any chance, will anyone make a demo forum for my style. Coz my account was deleted for no reason on that free hosting site & that's why demo site isn't working. :(

Thanks in advance. :D

User avatar
SwapsRulez
Registered User
Posts: 163
Joined: Sun Sep 16, 2007 5:48 am

Re: [RELEASE] Swanky's Rounded Corners Style 1.5 For phpBB 3.0.1

Post by SwapsRulez » Mon Jun 09, 2008 7:04 am

oops.. sorry was forgot to change the name. Its fixed now :)

kyo
Registered User
Posts: 9
Joined: Mon Jun 09, 2008 4:36 pm

Re: [RELEASE] Swanky's Rounded Corners Style 1.5 For phpBB 3.0.1

Post by kyo » Mon Jun 09, 2008 4:40 pm

Hi, I installed this style on my new board and it looks great!

I just have one difficulty finding the code for the surrounding corners. I need to remove them for my site design.

This is the board:

http://www.surfreport.be/surfocean/community/

Thanx for any help, it's much appreciated.

User avatar
Raimon
Former Team Member
Posts: 12089
Joined: Tue May 30, 2006 5:31 pm
Location: Netherlands
Name: Raimon Meuldijk
Contact:

Re: [RELEASE] Swanky's Rounded Corners Style 1.5 For phpBB 3.0.1

Post by Raimon » Mon Jun 09, 2008 6:05 pm

kyo wrote:Hi, I installed this style on my new board and it looks great!

I just have one difficulty finding the code for the surrounding corners. I need to remove them for my site design.

This is the board:

http://www.surfreport.be/surfocean/community/

Thanx for any help, it's much appreciated.
I assume you mean the round borders round on the board.

open /theme/colours.css

search:

Code: Select all

.top-left { 
   background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 0 -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-left: 2px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
   }
.top-right { 
   background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */   
   }
.top-center { 
   background-image: url("{T_THEME_PATH}/images/bg_headers.gif"); /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   weidth: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */ 
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */ 
   }
   
.bottom-left  { 
   background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 2px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   }
.bottom-right { 
   background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   }
.bottom-center { 
   background-image: url("{T_THEME_PATH}/images/bg_footers.gif"); /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   weidth: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */ 
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */ 
   }

.inside {
   border-left: 0px solid #000000; /* YCC: color & properties of the left-borderline */
   border-right: 0px solid #000000;/* YCC: color & properties of the right-borderline */
   color: #000000;                 /* YCC: default text-color of the inside */
   padding-left: 0px;              /* YCC: all texts at some distance of the left border */
   padding-right: 0px;             /* YCC: all texts at some distance of the right border */
   background-image: url("{T_THEME_PATH}/images/bg_body.gif"); /* CHANGE: path and name of your image */
   }
replace with:

Code: Select all

.top-left { 

   background-position: 0 -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-left: 2px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
   }
.top-right { 

   background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */   
   }
.top-center { 

   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   weidth: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */ 
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */ 
   }
   
.bottom-left  { 

   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 2px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   }
.bottom-right { 

   background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   }
.bottom-center { 

   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   weidth: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */ 
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */ 
   }

.inside {
   border-left: 0px solid #000000; /* YCC: color & properties of the left-borderline */
   border-right: 0px solid #000000;/* YCC: color & properties of the right-borderline */
   color: #000000;                 /* YCC: default text-color of the inside */
   padding-left: 0px;              /* YCC: all texts at some distance of the left border */
   padding-right: 0px;             /* YCC: all texts at some distance of the right border */
   background: #FFFFFF;
   }
after that your corners are gone.
Need phpBB installation, extenstions, Styles or integrate phpBB with you website?
Contact me for fair prices and good service!

User avatar
Ds !
Registered User
Posts: 85
Joined: Sun Feb 10, 2008 10:04 am
Location: Darkness
Contact:

Re: [RELEASE] Swanky's Rounded Corners Style 1.5 For phpBB 3.0.1

Post by Ds ! » Mon Jun 09, 2008 6:06 pm

I download it .. Nice work

but There is problem with the corner

see /

Image


also when I rollover ucp link and logo background chang to white :(

if you check CFG file you will find version is 3.0.0 !?


again nice work :D

kyo
Registered User
Posts: 9
Joined: Mon Jun 09, 2008 4:36 pm

Re: [RELEASE] Swanky's Rounded Corners Style 1.5 For phpBB 3.0.1

Post by kyo » Mon Jun 09, 2008 6:49 pm

Raimon wrote:after that your corners are gone.
Thanks, that was it!

Would be handy to have a CSS phpbb guideline or something. I don't know what that piece of code was doing under "buttons" ... :roll:

abramelin
Registered User
Posts: 79
Joined: Sat Apr 08, 2006 6:31 pm

Re: [RELEASE] Swanky's Rounded Corners Style 1.4 For phpBB 3.0.1

Post by abramelin » Mon Jun 09, 2008 8:03 pm

SwapsRulez wrote:The style updated to Swanky 1.5 now.... :D
What are the changes swapRulez? i have lots of edit in the template, i dont want to re install it. how can i update it from 1.4 Beta to 1.5 Beta?

thanks

User avatar
prototech
Former Team Member
Posts: 5406
Joined: Mon Mar 19, 2007 2:04 pm
Location: Southern California

Re: [RELEASE] Swanky's Rounded Corners Style 1.3 For PhpBB3 Gold

Post by prototech » Mon Jun 09, 2008 11:13 pm

Ds ! wrote:I download it .. Nice work

but There is problem with the corner
Add this to theme/bidi.css

Code: Select all

.rtl #wrap {
  margin-right: -5px;
}
Then refresh your theme in the ACP under the styles tab.
As for the second problem, I'm not too sure. prosilver seems to experience this as well when using RTL.
Need help with MOD/style installations or other phpBB problems? Contact me for a quote.

User avatar
Ds !
Registered User
Posts: 85
Joined: Sun Feb 10, 2008 10:04 am
Location: Darkness
Contact:

Re: [RELEASE] Swanky's Rounded Corners Style 1.5 For phpBB 3.0.1

Post by Ds ! » Tue Jun 10, 2008 1:37 am

Weeeehoo

that fix it :D

I don't Know why it gose like this

any way I use ie7 !

it's not a big deal

Thanks again

truthiness
Registered User
Posts: 2
Joined: Mon Jun 09, 2008 12:24 am

Re: [RELEASE] Swanky's Rounded Corners Style 1.4 For phpBB 3.0.1

Post by truthiness » Tue Jun 10, 2008 4:19 am

SwapsRulez wrote:
abramelin wrote:Download link is not working for me, it only redirects and redirects...
Download links are fixed. They are uploaded to host. Actually i want you all to download them directly without redirecting to any host. That's why i've uploaded them to directly my site here

http://www.project-bb.org/

But as they are not working sometimes, its better to be them at the free host instead of my own site.
Will keep them in my site, when i get the host. :)
Thanks all you people for co-operation. Also, is there any chance, will anyone make a demo forum for my style. Coz my account was deleted for no reason on that free hosting site & that's why demo site isn't working. :(

Thanks in advance. :D
Okay, I went to your project-bb.org site (nice, btw) but must be an idiot because I cannot find the download.

User avatar
Thatbitextra
Former Team Member
Posts: 7605
Joined: Mon Mar 21, 2005 5:04 am
Location: A place where something is or could be located; a site.
Contact:

Re: [RELEASE] Swanky's Rounded Corners Style 1.5 For phpBB 3.0.1

Post by Thatbitextra » Tue Jun 10, 2008 4:21 am

The links are in the first post.
Styles KB
My MODs: Choose Who to Accept PMs From (Prevents unwanted PMs!) | Warn of Old Topic Before Posting Reply
Style: subBlack (Now updated to phpBB 2.0.22 and 5 new color schemes!)

truthiness
Registered User
Posts: 2
Joined: Mon Jun 09, 2008 12:24 am

Re: [RELEASE] Swanky's Rounded Corners Style 1.5 For phpBB 3.0.1

Post by truthiness » Tue Jun 10, 2008 4:32 am

I saw those profiles links and was thinking something completely different... :oops:

User avatar
SwapsRulez
Registered User
Posts: 163
Joined: Sun Sep 16, 2007 5:48 am

Re: [RELEASE] Swanky's Rounded Corners Style 1.4 For phpBB 3.0.1

Post by SwapsRulez » Tue Jun 10, 2008 4:35 am

truthiness wrote:
SwapsRulez wrote:
abramelin wrote:Download link is not working for me, it only redirects and redirects...
Download links are fixed. They are uploaded to host. Actually i want you all to download them directly without redirecting to any host. That's why i've uploaded them to directly my site here

http://www.project-bb.org/

But as they are not working sometimes, its better to be them at the free host instead of my own site.
Will keep them in my site, when i get the host. :)
Thanks all you people for co-operation. Also, is there any chance, will anyone make a demo forum for my style. Coz my account was deleted for no reason on that free hosting site & that's why demo site isn't working. :(

Thanks in advance. :D
Okay, I went to your project-bb.org site (nice, btw) but must be an idiot because I cannot find the download.
Hey the links are here

http://www.project-bb.org/free-mini-pro ... pbb-3-0-1/

Also they are in the main topic of this post. Thanks :)

abramelin
Registered User
Posts: 79
Joined: Sat Apr 08, 2006 6:31 pm

Re: [RELEASE] Swanky's Rounded Corners Style 1.5 For phpBB 3.0.1

Post by abramelin » Wed Jun 11, 2008 11:02 am

how can i update it from 1.4 to 1.5?

Locked

Return to “[3.0.x] Abandoned Styles”

Who is online

Users browsing this forum: No registered users and 3 guests

cron