Sub Menu
Links Menu
Online Users

In total there are 312 users online :: 1 registered, 0 hidden and 311 guests

Most users ever online was 1091 on Wed Aug 16, 2023 5:27 pm

Registered users: Google [Bot] based on users active over the past 60 minutes

Editing "box" on styles

General discussion of anything. Discuss a topic in and out of IntegraMOD

Moderator: Integra Moderator

Editing "box" on styles

PostAuthor: Frost » Sat Jan 06, 2007 5:30 am

This one is pretty much for HelterSkelter but if anyone else knows... feel free lol

I am trying out an experiment with css (my wife) <img>

If I made a set of classes using css that would make me an entire stretchable box, how would I insert the code to make it fit around all the boxes on say, the index page?

I can draw alot better than type so I will whip up what I'm talkin about...

[flash=,:1qa70d9m]http://www.black-fusion.com/media/screenshots/this.jpg[/flash:1qa70d9m]

See how it has my border around the original little box? I can/have made that with pure css and can add it with just a <div> but I have no idea where to put the code around to get it to encase all the "blocks" and "boxes" on the index, and posting body all that.

Any suggestions where to look?
Last edited by Frost on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
[size=99px]PhpBB3 Themes[/url] ]PhpBB3 Development Center[/url] [/size]

Frost
Sr Integra Member
Sr Integra Member
 
Posts: 776
Likes: 0 post
Liked in: 0 post
Joined: Wed Sep 13, 2006 1:04 am
Cash on hand: 0.00
Location: Photoshop CS3

Re: Editing "box" on styles

PostAuthor: Helter » Sat Jan 06, 2007 12:01 pm

for the whole page, but the open table at the begining of overall header and at the end of overall footer. If you just want it to cover the viewed page, and not the header and footer, put it at the end of overall header, before

{PORTAL_HEADER}



and in the footer, after


{PORTAL_TAIL}
Last edited by Helter on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
Always use Protection
Image


Please do not PM for support
User avatar
Helter
Administrator
Administrator
 
Posts: 4167
Likes: 0 post
Liked in: 0 post
Images: 0
Joined: Sat Mar 11, 2006 3:46 pm
Cash on hand: 172.60
Location: Seattle Wa
IntegraMOD version: IM 3

Re: Editing "box" on styles

PostAuthor: Frost » Sat Jan 06, 2007 8:42 pm

no no no lol, I already know how to do the page i meant for each block. like say you're on the index, you see several blocks, you see each category in its own box, you see whos online box etc.. I meant what file do I edit to put my images around each of those boxes?

I can make another picture (should have done it better in the first one) if you need me to, I know it's hard because I can't explain very well <img>
Last edited by Frost on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
[size=99px]PhpBB3 Themes[/url] ]PhpBB3 Development Center[/url] [/size]

Frost
Sr Integra Member
Sr Integra Member
 
Posts: 776
Likes: 0 post
Liked in: 0 post
Joined: Wed Sep 13, 2006 1:04 am
Cash on hand: 0.00
Location: Photoshop CS3

Re: Editing "box" on styles

PostAuthor: Helter » Sun Jan 07, 2007 12:02 am

dl my CS theme. You can see the tables I added to enclose the calendar, shoutbox...etc
Last edited by Helter on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
Always use Protection
Image


Please do not PM for support
User avatar
Helter
Administrator
Administrator
 
Posts: 4167
Likes: 0 post
Liked in: 0 post
Images: 0
Joined: Sat Mar 11, 2006 3:46 pm
Cash on hand: 172.60
Location: Seattle Wa
IntegraMOD version: IM 3

Re: Editing "box" on styles

PostAuthor: Frost » Sun Jan 07, 2007 2:03 am

Ok, just downloaded it.. now I have to go to my other pc that has all my files... so I can actually do something with it <img> Dont know why I downloaded it here

Anyways, can I get the file name(s) to look for your table additions?
Last edited by Frost on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
[size=99px]PhpBB3 Themes[/url] ]PhpBB3 Development Center[/url] [/size]

Frost
Sr Integra Member
Sr Integra Member
 
Posts: 776
Likes: 0 post
Liked in: 0 post
Joined: Wed Sep 13, 2006 1:04 am
Cash on hand: 0.00
Location: Photoshop CS3

PostAuthor: computerz » Sun Jan 07, 2007 12:28 pm

Basically all you do is create a 3-column table with 3 rows. You then cut your surrounding image to go into the first row (colspan="3"), 2nd row (1st and 3rd columns) and then the 3rd row (colspan="3"). Then lastly you take your existing table and insert it in the second row of the second column. You will also need to assign the appropriate CSS IDs to the TD elements surrounding your table.
Last edited by computerz on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.

computerz
Members
Members
 
Posts: 84
Likes: 0 post
Liked in: 0 post
Joined: Sun Aug 27, 2006 1:21 pm
Cash on hand: 0.00

Re: Editing "box" on styles

PostAuthor: Frost » Mon Jan 08, 2007 12:12 pm

Ok, I went to sleep and got a fresh start on it this morning...

Now, I can't believe I asked such stupid questions :roll:

Now I finaly have a grasp on how to design my own style from scratch without just overwriting someone elses <img>

For now I just made a theme with Phpbb 2.0.22... and as soon as I learn the difference I will make the same ones for KisMOD/integramod etc..

What is involved in "porting" a theme to a different system?

If there is an easier way in doing that, rather then redesigning the whole thing over again for integramod I would love to know about it lol

Anyways, you can see my first official original theme here http://www.black-fusion.com/design/phpbb2

The only thing I have left is the damn dreaded buttons .. and maybe some css color changes here and there...

Thanks HelterSkelter and computerz for pointing me in the right direction!
Last edited by Frost on Mon Jan 08, 2007 11:43 pm, edited 1 time in total.
[size=99px]PhpBB3 Themes[/url] ]PhpBB3 Development Center[/url] [/size]

Frost
Sr Integra Member
Sr Integra Member
 
Posts: 776
Likes: 0 post
Liked in: 0 post
Joined: Wed Sep 13, 2006 1:04 am
Cash on hand: 0.00
Location: Photoshop CS3

Re: Editing "box" on styles

PostAuthor: Helter » Mon Jan 08, 2007 4:07 pm

well first thing I do, to "port" a theme, is to clone Integra2 and call it whatever the ported theme is called. So now you basicly have 90% of the file edits done. For 141, this will be less important because instead of using /templates/mytheme/images/whatever.jpg, you simply use {TEMPLATE}/images/whatever.jpg

Then make a psd of the buttons, and replace all the images. Then resize them to proper size in the template.cfg.

Now since youve used the files from Integra2, stick with the cloned .css. That ensures you that you will have all the necessary classes included. This is where it gets fun with some templates. You now get to use your html skills to duplicate the layout of the phpbb original. I usually have a phpbb site with the template your porting installed. It makes it much easier to spot things like incorrect fonts. It also allows you to view the original header and footer to see how they were created. Ive found that for most templates, the author spent 95% of his time doing the header, footer and css.

The index can be tough until you are fairly good at reading html, java, and have familiarized yourself with the .tpl system. Sometimes you get lucky and all you have to do is edit the .css

I really dot believe it is possible to start from scratch and build an IM140/141 template. The farthest back you can go is phpbb/subSilver and unless you are intimitely famliar with both phpbb and integramod code, you would never succed in assembling a fully functional template. Even my baSicBlu is essentially Integra2, which is essentially fisubice.
I think the most difficult template I ever did was HL2. I built the original IM/phpBB version from a screen shot and a view source from a phpNuke website. Ive since gotten the fla from Destine Design and rebuilt it at least a dozen times till it is now better than the Nuke version <img>
http://www.duiplayground.com has the 141 version
Last edited by Helter on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
Always use Protection
Image


Please do not PM for support
User avatar
Helter
Administrator
Administrator
 
Posts: 4167
Likes: 0 post
Liked in: 0 post
Images: 0
Joined: Sat Mar 11, 2006 3:46 pm
Cash on hand: 172.60
Location: Seattle Wa
IntegraMOD version: IM 3

Re: Editing "box" on styles

PostAuthor: Frost » Mon Jan 08, 2007 9:28 pm

Oh, for some reason I always thought people who ported the themes to a different cms just did the file edits like added mod codes n stuff to the theme.

So you're saying for mine I should just basically use the same .psd files and add the html and extra css files to integra and not "update" my phpbb forum up to integramod?

thank god! <img>

Isn't fisubice for integra subSilver with all the mods added? I should use Integra instead?

So now you basicly have 90% of the file edits done. For 141, this will be less important because instead of using /templates/mytheme/images/whatever.jpg, you simply use {TEMPLATE}/images/whatever.jpg


I like this so much better than having to include the entire url for each image. That's a PITA

Ive found that for most templates, the author spent 95% of his time doing the header, footer and css.


That's not the case with me, I do the actualy PS imaging fast, (the theme showed previously) took me about 30 minutes. It's learning the tpl and what controls what that took me like 4 hours earlier. Now I know how everything works and I feel retarded for asking when I should have just looked in the first place. I was also trying to find a list of variables I could use. I need to find somewhere that shows what they are and possibly how to make your own for different things. Not on this theme, but on my next theme I want to make sort of a control panel on the index page.

Also, I think I might have found a way to put the recent topics or other portal blocks on the index using the include function and making a new seperate .tpl for it.

I ran into this when dealing with the <INCLUDE> in overall_footer

I still have alot to learn, but I'm getting the hang of this
Last edited by Frost on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
[size=99px]PhpBB3 Themes[/url] ]PhpBB3 Development Center[/url] [/size]

Frost
Sr Integra Member
Sr Integra Member
 
Posts: 776
Likes: 0 post
Liked in: 0 post
Joined: Wed Sep 13, 2006 1:04 am
Cash on hand: 0.00
Location: Photoshop CS3

Re: Editing "box" on styles

PostAuthor: Helter » Mon Jan 08, 2007 11:01 pm

you can find the variables for phpbb on thier site, but with every major mod comes more, and we have over a hundred mods
Last edited by Helter on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
Always use Protection
Image


Please do not PM for support
User avatar
Helter
Administrator
Administrator
 
Posts: 4167
Likes: 0 post
Liked in: 0 post
Images: 0
Joined: Sat Mar 11, 2006 3:46 pm
Cash on hand: 172.60
Location: Seattle Wa
IntegraMOD version: IM 3

Re: Editing "box" on styles

PostAuthor: Frost » Mon Jan 08, 2007 11:45 pm

isn't there a file somewhere within integramod that lists them all? maybe a language file or something?

I'll just google until I gather them all up lol, then when I do... straight to the KB
Last edited by Frost on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
[size=99px]PhpBB3 Themes[/url] ]PhpBB3 Development Center[/url] [/size]

Frost
Sr Integra Member
Sr Integra Member
 
Posts: 776
Likes: 0 post
Liked in: 0 post
Joined: Wed Sep 13, 2006 1:04 am
Cash on hand: 0.00
Location: Photoshop CS3


Return to General Discussion

Who is online

Registered users: Google [Bot]

cron