CSS Changes with head_cutting.gif

Hello,

Will someone please take a look at my site and tell me what I need to do in order for one continuous bar to show across pages that are only one column and not two. The head_cutting image breaks up into two parts as if the page has two columns. (Just click a menu except Subscriptions, Forum and Chat.) I don't know enough coding to change it.

On the homepage and other pages where there are two columns, how can I stop the image from cutting off on the right side. It should have a rounded edge, the same as the left side.

Also, I place the tab_cutting.gif at the menu but wanted it to look like a rounded bar, too; the same as the head_cutting image.

And since I have your attention, I have an ad-free license. I put the code in the Admin section, in Advance settings but nothing changes. Any answers?

Thank you so much! Your help is very much needed and appreciated.

My best regards,

Jhazzi

Try going to your templates CSS file and enter a width where you have your head_cutting.gif

e.g.

width: 960px;

For the tab_cutting.gif, enter the height of your image and that should make it look like you want.

e.g.

height: 30px; (or whatever height your image needs to be to appear round.)

For the license. Try removing it completely & clicking save.

Log out.

Go back to your admin panel and it *should* prompt you for your license.

If it doesn't prompt you, see what license code is in your advanced settings.

If there is no license code there, put your ad-free license in and click save.

Check it again.

If it's not the right one, or it didn't get set at all,  you will need to change it in your database.

If it is the right code, but the ads are still there - try changing it in your database and see if they go away.

If all else fails, contact Boonex support.

TheGuyPC, thank you!! It's amazing I believe I understood everything you said. Thanks for making it simple for me. I'll get busy with your suggestions and report back. I'm hoping the license instructions work the first time. I may need to inquire about changing it in my database. First things first.

You're my hero today! Thanks again!! *warm smile*

Jhazzi

UPDATE:

1. Ok, Guy, the answer to the license was a fix! Deleting it, logging out and back in, it asked for it and the ads are gone!
2. The menu tab_cutting.gif apparently, it was the image itself. I like what happened after I changed the image. It's rounded and cut off on the right side, too. There's continuity. Which takes me to:
3. I cannot for the life of me find head_cutting.gif. I use PSPad and the search/find feature. It's not in general.css.  I may leave it as it is and bother with it later.

Again, thanks a million!

It should be in the CSS file located in "templates ==> tmpl_uni ==> css ==> general.css

The area in the CSS that calls it looks like the one below

 .boxHeader
 {
  position:relative;
  background-image:url('../images/head_cutting.gif');
  background-repeat:repeat-x;
  height:22px;
  padding:4px 0px 0px 6px;
  font-size:10px;
  font-weight:bold;
  color:#666;
  text-align:left;
  text-transform:uppercase;
 }

Keep in mind that it may not look exactly the same as above, but it will give you the right idea.

I'm glad the other advice helped and your license is working properly! I try to make things as clear as possible because it usually saves time & frustrations later.  :o )

~ Corey

Corey,

I found it, thanks to you, and it was as shown. I added the width, playing around with various widths and no changes on that. Still two bars across although one column. I will let it go, I guess. It's not a functional issue and I select my battles carefully. *laughing*

You've no idea how much I appreciate you sparing me frustration with your easy to understand instructions. I'm better than I was but far from a coder etc. For now, it's fun and I wish to keep it that way! :-O

Have yourself a great night/day!

Jhazzi

You're very welcome.

I hope you get the broken bar thing figured out eventually.

CSS can be tricky - so if you look around a bit, you might find another place where you can adjust things.  ;o )

Have a great night!

~ Corey

This can be done.  What you need is to isolate it out page by page that you want it to appear on and work from there.

Pay attention to

.page_column_first

{

************

.page_column_last

{

*************************

.box_header

 and so on.

You may need to create a new page_#.html file and edit the php for this one also in addition to create a new css field.

In this instance I would see something such as:

.box_header_first

{

width:200%;

overflow:visible;

background:transparent url(../whateveryourbackgroundurlis.jpg) repeat-y scroll left;

}

Keep in mind, that will not do it fully, you will need to go into templates/tmpl_{tmpl}/css/index.css and set that code in it (however it needs to be adjusted as it's not exact, just a quick thought from my mind and experience of doing this with profiles when chasing full width text) and experiment.  Once you work it out in there, then you will need to adjust the other page.css files.  Keep in mind, do not do this in the templates/base/css/general.css file or the templates/tmpl_{tmpl}/css/general.css file, as then it will go site wide and you will have so many items out of whack it won't be funny.

You may also need to add to the index.css file the following string:

.page_column_last

{

margin-left:-25%;  (keep in mind, you'll have to play with it to pull the column/header back to the left as it's going to skeew majorly left)

or

margin-right: 25%; (I like to use % over px count whenever I can, works much better and resolves on the endusers screens much easier)

float:left;

}

You have to options in that section of code to help you out.  Whatever you do in Column_first you have to counteract in column_last in order for the site to resolve.  This is a lot of work and if you would like to see a working version let me know, I'll be happy to give it a test and see if we can't get it to go.

Now, another option if your just looking for a solid bar across the top and the individual headers around the entire site as it currently is this:

templates/tmpl_{tmpl}/css/general.css

Find:

}

Add the following to the block:

border:20px url(../images/urlofimage.jpg);

or if no image:

border:20px ridge pink;

Note, you can adjust color and border style, this will deliver the bar across the entire top.  Let me know if this is what you want, going full width columns in the general.css file is not the way to go here though.  It will screw up the photos on the profile page, rating stars, smaller icons, skew everything everywhere way to the right and force you to pull it all back.  Been there, done that and you must go pagename.css for every page you want to do that on. 

****Edit:  I forgot my disclaimer:  The above post was written by the New, Gentler, Kinder Mydatery in a manner that utilizes no sarcasm, no humor, no bashing, no anything in a completely dry informative tone that the moderators seem to feel must be obeyed within these forums.  Absolutely no emotion whatsoever was used in the writing of this post and the code in it is 100% from the files of MyDatery and TDZs Multimedia.  It may not be resold or redistributed by anyone anywhere for any reason.  I pray that the Car Gods continue to provide you with dependable transportation for your long, prosperous life.

mydatery,

My apologies, as I've just discovered this post. Thank you for helping out. I read it and became light-headed. I would not know where to begin (or you may have told me) but I am afraid to tackle this.

Jhazzi,  give me the page you would like this to begin on, just one page for now, and take a screenshot and draw how you want the bar to appear so I can see what your imagining.  It doesn't have to be fancy, let's just make sure we're on the same page.  Then I'll hop in and do up complete instructions for the first one for you so you can see how it's done and make it work on all pages. 

Now watch, she'll pick the profile page as the first one.  :))

Mydatery, you are wonderful to help me with this. My fear has to do with a dolphin site that has so many issues, I'm unable to access the admin panel. It's been reinstalled 8 times. I gave up, temporarily. I always backed up the site and will tackle it again later. I do not wish for this one to crash.

I've included an image and I chose "Members" page. The profile page is as it should be but you may have meant this one to access member profiles. *laughing*

Here's the pic. My first mockup. You're helping with my mental agility. Thanks for that, too! Please let me know if you need anything else.

*courtesy*

 The problem is within your code.  Your using an image in the wrong spot and that is causing this bar to repeat on you, but fortunately it's only repeating one time.  Note, this is the code causing the bar to happen and do the weird thing it's doing:

Mydatery, those instructions don't make me lightheaded. I can handle them but there's more that needs fixing, as it's said in the south. Thanks again. Sent an IM. I was trying to get what you did on your site and failed but the great part about this, I'm learning.

I'm grateful,

Jhazzi

 The reason it failed is you have "1" image and not "2" images.  In order to pull this off with an image, you have to cut it, 1/4 on the left and 3/4 on the right.  This allows the browser to set the size as it needs it.  In your case, the image is nowhere near long enough to do what you want it to do.