Custom Theme

[BGL Justice V]

Hey Folkes 

 

So I've had the pleasure of being made the head of media for the forum I work with. I'm currently making a custom theme and I have a few questions. 

 

1 - Currently for some reason I can only use colour gradients as a background, I would like to make the forum sections and title bars slightly transparent and have my own custom background image.

 

2 - I would like to add custom textures like metal or fire to the Title bars 

 

3 - Once I am done editing the theme how do I make it available to everyone on the forum currently for some reason only I can see it.

Secondary Question can somone post a link to the plugins so I can grab a roster or cms to make a roster 

[steve00]

1 & 2, depends how you are changing your colors (e.g. using custom.css or the easy mode option)

3) far right of theme name click the 'edit' button (pencil icon) and should see:

Make changes to the area I marked in blue

[BGL Justice V]

Okay so how would i add a custom background or make the tabs transparent 

[BGL Justice V]

I'm some what new to the way these forums edit themes etc. 

I'm trying to basically make the tabs sort of transparent but coloured 

Have the entire background be one image 

I'm using the easy editor I do believe I'm not quite sure how this all works haha 

[BGL Justice V]

My main issue is when I do something to the theme like make the background a gradient and save it and then make it the default theme. If I look at the website it's just in solid grey and not a black and green gradient like I set in the editor 

[steve00]

I better let someone else answer regards Easy Mode as do not use it myself but by looks of it you would have to use the 'custom.css' to add those changes

Might want to add any images to the 'Manage Resources (far right of theme name)

make sure you make a note of the image details to add to custom.css

e.g.

{resource="body_bg.jpg" app="core" location="custom"}

 

13 minutes ago, BGL Justice V said:

My main issue is when I do something to the theme like make the background a gradient and save it and then make it the default theme. If I look at the website it's just in solid grey and not a black and green gradient like I set in the editor 

Have you selected the correct theme from drop down menu when viewing forum

[BGL Justice V]

the theme I made is in my name I edit it and then go out of the easy editor and click to use the theme and it just does not look like what ive made.

[steve00]

Sorry but as mentioned ... better for someone who uses Easy Mode to answer than for me to just guess and waste your time with what ever I come up with

[steve00]

Had a thought ... you are clicking the 'Build' tab ?

Then selecting the theme from drop down menu (at bottom of the page when viewing forum)

[BGL Justice V]

41 minutes ago, steve00 said:

Had a thought ... you are clicking the 'Build' tab ?

Then selecting the theme from drop down menu (at bottom of the page when viewing forum)

when editing the colours of my forum I need a bit of assistance 

 

on the main page it goes browse, then forum, then the home button, and then in black is the name of your forum. ( how do i change the name of my forum to white.

 

Also Im not sure if anyone is skilled enough to answer this (more than likely) but how would I take a picture off google and make it my forums background "Body"

 

as for the "Navigation bars"  "browse, activity, store etc" is there a way to say make these look like metal.... be made of fire.. .etc

1 hour ago, steve00 said:

Sorry but as mentioned ... better for someone who uses Easy Mode to answer than for me to just guess and waste your time with what ever I come up with

Do you know how to code things like what I need and where to put it ? you could just message me the code for how to make the body my own picture

[steve00]

14 hours ago, BGL Justice V said:

when editing the colours of my forum I need a bit of assistance 

 

on the main page it goes browse, then forum, then the home button, and then in black is the name of your forum. ( how do i change the name of my forum to white.

 

Also Im not sure if anyone is skilled enough to answer this (more than likely) but how would I take a picture off google and make it my forums background "Body"

 

as for the "Navigation bars"  "browse, activity, store etc" is there a way to say make these look like metal.... be made of fire.. .etc

Do you know how to code things like what I need and where to put it ? you could just message me the code for how to make the body my own picture

For the Forum color to be white then in custom.css add:

.ipsType_pageTitle {
  color: #fff;
}

for the navigation bar then you would need to add an image or use gradients (you would have to experiment in that area by creating the image or find one)

Regards image off google then be careful you are not infringing any copyright issues (may need to obtain the original authors permission to use)

Already mentioned how to add your own image as background

You might be better taking screenshots and posting them so we know what part referring to

[BGL Justice V]

3 hours ago, steve00 said:

For the Forum color to be white then in custom.css add:

.ipsType_pageTitle {
  color: #fff;
}

for the navigation bar then you would need to add an image or use gradients (you would have to experiment in that area by creating the image or find one)

Regards image off google then be careful you are not infringing any copyright issues (may need to obtain the original authors permission to use)

Already mentioned how to add your own image as background

You might be better taking screenshots and posting them so we know what part referring to

I just said "image on google" as a way of saying like uploading a picture from the internet or a picture I own, I could of worded it better.

I will take a picture of what I mean for the nav bars and what I'm trying to do and upload it in a bit.

as for the .ipsType_pagetitle {

color: #fff;

}

I would add that in the custom.css "anywhere?" or in a specific location

[BGL Justice V]

3 hours ago, steve00 said:

For the Forum color to be white then in custom.css add:

.ipsType_pageTitle {
  color: #fff;
}

for the navigation bar then you would need to add an image or use gradients (you would have to experiment in that area by creating the image or find one)

Regards image off google then be careful you are not infringing any copyright issues (may need to obtain the original authors permission to use)

Already mentioned how to add your own image as background

You might be better taking screenshots and posting them so we know what part referring to

Alright so that worked out perfect with the custom CSS so now I took pictures of what im trying to do.

- Area marked in red ; Would like the nav bars to have a texture similar to the other included image 

- Area marked in Green ; Wish to make white

- Area marked in blue ; make either red or white (most likely white)

 

" I know how to change the footer text colors.

@steve00

 

[steve00]

for the blue and green boxes ... if want them all to be a white color then change the code you added into custom.css to:

.ipsType_pageTitle,
.ipsType_richText,
.ipsBreadcrumb > ul > li,
.ipsApp .ipsButton_link,
.ipsBreadcrumb [data-action="defaultStream"], 
.ipsBreadcrumb [data-action="markSiteRead"] {
    color: #fff;
}

for the navbar to have texture then need to create the textured image you want to use first

[BGL Justice V]

Okay once I make a texture how would i add it 

[BGL Justice V]

Also I have the image code for my background in resources how would i make it the background 

[BGL Justice V]

Like where in the custom css would it go and when my tab texture is done where would that css go

[BGL Justice V]

Well now we have a whole new issue, the text on the page when I clickmoderator to go to the moderator control panel is all black and so is my background ???

[steve00]

6 hours ago, BGL Justice V said:

Well now we have a whole new issue, the text on the page when I clickmoderator to go to the moderator control panel is all black and so is my background ???

Must be something you added yourself somewhere as I have only given code for text and for the text to be white.

[BGL Justice V]

Last step what is this text called so I can make it black the highlight text 

[Kyle Girga]

How can I delete a old theme I no longer wish to use? 

[steve00]

On ‎11‎/‎09‎/‎2017 at 4:23 AM, Kyle Girga said:

How can I delete a old theme I no longer wish to use? 

Please start your own topic as your question not related to the OP's questions

[Meddysong]

On 9/11/2017 at 4:23 AM, Kyle Girga said:

How can I delete a old theme I no longer wish to use? 

Cuztomization > Themes > click the dropdown for the relevant theme > Delete