Loading...
 
Other themes

Other themes


tiki-top_bar.tpl issuez

Hungary

DearAll!

Sorry in advance, it will be a little long... :-)

I am trying to create an own header to my site and I got stuck at a point, maybe someone can give me a hand. My goal is to have a small description of the site and a php menu on the left side and the language switch module on right side of the top bar.

first i modified the tiki-top_bar.tpl - see attachment, than added this to the css to control the style (its so long because of that bloody IE can not handle the box title well..)

/**** this section is ment to control the elements "topleft" and "topright" in the tiki-top_bar.tpl****/

div#tiki-top #topleft {
float: left;
padding: 3px;
padding-top: 0;
font-size: .5em;
}

div#tiki-top #topright {
float: right;
}

div#tiki-top #topright .div.box {
background-color: #FFFFFF;
font-family: verdana, Comic Sans MS;
overflow: hidden;
border: none;
border-radius: .7em .7em .7em .7em;
-moz-border-radius: .7em .7em .7em .7em;
-khtml-border-radius: .7em .7em .7em .7em;
}

div#tiki-top #topright .div.box-title {
color: blue;
font-size: 1.1em;
font-weight: bold;
font-family: Arial, Verdana, Comic Sans MS;
text-align: center;
padding: 3px;
overflow: hidden;
}

div#tiki-top #topright .div.box-title table {
width: 95%;
font-size: 1.1em;
font-weight: bold;
font-family: Arial, Verdana, Comic Sans MS;
background-color: green;
border: none;
margin: 2px;
padding: 2px;
border-radius: .7em .7em .7em .7em;
-moz-border-radius: .7em .7em .7em .7em;
-khtml-border-radius: .7em .7em .7em .7em;
}

div#tiki-top #tiki-top #topright .div.box-title table td {
color: #000000;
}

/* And this is the data */

  1. tiki-top #topright. div.box-data {

background-color: #ffffff;
color: #000000;
font-size: 1em;
font-family: Verdana, Sylfaen, Tahoma, Comic Sans MS;
padding: 3px;
}

Now I have 2 issues:

1: if the module has not been assigned to a group in the admin section than there are no languages listed in the dropdown list, although the module box itself is present. When I assign the module ie to anonymus group, the available languages are listed in the dropdown.. I tried it with different modules, all the same, the box if present, the content not..what do I have to do in order to have it shown without assigning? I do not want to duplicate it, the aim was to have it only on the top bar

2: this is rather about the css.. look how different they look like..
in IE and in FF - see the attachment..
Firefox does not seem to react to my wish to have the module box styled different than the rest of the module boxes..and IE does notice the difference!! eek this is usually the other way around wink
Probably I am missing something in the css but I donnow what and where..
help me out please if you can,
many thanks,
cheers,
Gezza

Hungary

bit of problems with attachment..redface did not go through in the original post so I try with a reply


UPDATE

after posting this I kept playing around since this thing took my whole day cry mad and I realized what was the problem to number 2:
NOT OK for FF: div#tiki-top #topright .div.box
OK for FF and IE too: div#tiki-top #topright .box

so I removed all ".div" and the style worked for both santa It is also ok to delete "div#tiki-top" from the beginning too..

my first question is still open though, so any comments are most appreciated,
cheers,
gezza


Switch Theme

Layout

Subscribe to Tiki Newsletters!

Delivered fresh to your email inbox!
Newsletter subscribe icon
Don't miss major announcements and other big news!
Contribute to Tiki

Site Config