-
AuthorPosts
-
Jackie_chan Friend
Jackie_chan
- Join date:
- September 2006
- Posts:
- 42
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 7
- Thanked:
- 1 times in 1 posts
March 26, 2009 at 11:27 am #139596Hello everybody,
I relly like JA templates but they all seem to have the same structure, at least the top section looks the same in all templates:
Logo area —> Top menu —> Banner image (Slideshow image)
As I said i like the templates, but sometime I feel the need for something different. For some web-site projects I really do not need to integrate logo on top i.e. I don’t need logo area. Instead the web-site starts with Banner (Banner image, slideshow, image ) and then comes the top menu. I can not find such structure in JA templates. Maybe the developers could work on template with such structure.
For this purpose I want to edit Sandine template and give a slight different look. I want to cut the logo area and bring the top menu under the slideshow. This is it, no big changes. However, I am not a CSS profi and need your help. I attached a screenshot of what I have in mind.
Sreenshot preview:
If you could help me with template editing, I would be very glad. 😎
Thanx
Jackie
Arvind Chauhan ModeratorArvind Chauhan
- Join date:
- September 2014
- Posts:
- 3835
- Downloads:
- 74
- Uploads:
- 92
- Thanks:
- 1240
- Thanked:
- 1334 times in 848 posts
March 26, 2009 at 1:48 pm #298237Hey Jackie, Just went through the template.css and index.php of Ja Sanidine, this is what i could do easily. But not yet sure from where the extra space (marked with red arrow) is originating.
When i tried the online demo at http://template15.joomlart.com/ja_sanidine/ . i see the same space.
if this helps i can put down what i did to achieve that, not a big deal of work though.
Jackie_chan FriendJackie_chan
- Join date:
- September 2006
- Posts:
- 42
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 7
- Thanked:
- 1 times in 1 posts
March 26, 2009 at 2:04 pm #298241<em>@drarvindc 120538 wrote:</em><blockquote>Hey Jackie, Just went through the template.css and index.php of Ja Sanidine, this is what i could do easily. But not yet sure from where the extra space (marked with red arrow) is originating.
When i tried the online demo at http://template15.joomlart.com/ja_sanidine/ . i see the same space.
if this helps i can put down what i did to achieve that, not a big deal of work though.</blockquote>
Nice work man. This is pretty much what I imagined. What we need now is to get rid of that extra space. I hope someone has an idea how to fix that.
Could you put down what you did, I want to try that.
Thanks
Arvind Chauhan ModeratorArvind Chauhan
- Join date:
- September 2014
- Posts:
- 3835
- Downloads:
- 74
- Uploads:
- 92
- Thanks:
- 1240
- Thanked:
- 1334 times in 848 posts
March 26, 2009 at 2:19 pm #298246To me the extra space is visible on the demo site also at http://template15.joomlart.com/ja_sanidine/ . Checked in IE 7 & IE 8, FF and safari. Attaching herewith both template.css and index.php (from sanidine folder). for your reference. You can compare those with original. i have not removed the comments so yo ucan search the files for “header” “breadcrums” “search” so on and compare them.
It basically involves removing the header coding from index.php and associated codes from template.css. To move the menu below slideshow. search for <!– BEGIN: MAIN NAVIGATION –> in index.php copy the complete block and paste it below <!– END: TOP SPOTLIGHT –>.
This may not be the standard way of doing it, but if i am to do it, thats the way, until corrected by others. :p
Jackie_chan FriendJackie_chan
- Join date:
- September 2006
- Posts:
- 42
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 7
- Thanked:
- 1 times in 1 posts
March 26, 2009 at 4:49 pm #298284I have used your files, and seems that you have changed them for dark version of Sandine. I am working on the light version so I edited the light version’s template.css. I uploaded it and index.php that I receivd from you. It is not working properly. The top menu has shifted to the center and I am confused why.
Have a look at http://www.partnerfamilie.eu
Thanks
Arvind Chauhan ModeratorArvind Chauhan
- Join date:
- September 2014
- Posts:
- 3835
- Downloads:
- 74
- Uploads:
- 92
- Thanks:
- 1240
- Thanked:
- 1334 times in 848 posts
March 26, 2009 at 4:54 pm #298286yaa, checked you site. Will try to fix the lighter version for you and attach the file here. gimme some time, hope you wont mind that :p . Noticed the lighter version now, lol. din knew it had this color variation too. Have started to like this template now.
Jackie_chan FriendJackie_chan
- Join date:
- September 2006
- Posts:
- 42
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 7
- Thanked:
- 1 times in 1 posts
March 26, 2009 at 5:02 pm #298287OK, I can wait. Thanks for your input .:D
Arvind Chauhan ModeratorArvind Chauhan
- Join date:
- September 2014
- Posts:
- 3835
- Downloads:
- 74
- Uploads:
- 92
- Thanks:
- 1240
- Thanked:
- 1334 times in 848 posts
March 26, 2009 at 8:54 pm #298320Sanidine II seems difficult. Sorry mate, could not achieve the results. menu just floats to the center. Now we wait for feedback from other JA members. Most of them are far better than me in template customization. I am good at removing stuff from template. :p
jsliao Friendjsliao
- Join date:
- April 2008
- Posts:
- 817
- Downloads:
- 0
- Uploads:
- 12
- Thanks:
- 25
- Thanked:
- 236 times in 210 posts
March 27, 2009 at 3:32 am #298348use the index.txt attached, rename to index.php
change your template.css (line 868)
#ja-header {
background:#FFFFFF url(../images/header-bg.gif) repeat-x scroll 0 19px;
border-bottom:3px solid #D58400;
border-top:1px solid #CCCCCC;
height:19px;
line-height:normal;
margin:0 10px;
padding:0;
position:relative;
z-index:999;
}notice that the background of the active menu is white?
u need to do some photoshop on this file to change the bg to the striped dark gray (too much work for me on this)
/templates/ja_sanidineii_light//images/mainnav-active.gif
Jackie_chan FriendJackie_chan
- Join date:
- September 2006
- Posts:
- 42
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 7
- Thanked:
- 1 times in 1 posts
March 27, 2009 at 10:16 am #298422<em>@jsliao 120677 wrote:</em><blockquote>use the index.txt attached, rename to index.php
change your template.css (line 868)
#ja-header {
background:#FFFFFF url(../images/header-bg.gif) repeat-x scroll 0 19px;
border-bottom:3px solid #D58400;
border-top:1px solid #CCCCCC;
height:19px;
line-height:normal;
margin:0 10px;
padding:0;
position:relative;
z-index:999;
}</blockquote>
What will this code change? I am confused… Will it remove the floating menu? It doesn’t suggest this.
jsliao Friendjsliao
- Join date:
- April 2008
- Posts:
- 817
- Downloads:
- 0
- Uploads:
- 12
- Thanks:
- 25
- Thanked:
- 236 times in 210 posts
March 27, 2009 at 12:48 pm #298467this code removes the white space which used to house the logo image and login module
1 user says Thank You to jsliao for this useful post
Jackie_chan FriendJackie_chan
- Join date:
- September 2006
- Posts:
- 42
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 7
- Thanked:
- 1 times in 1 posts
March 27, 2009 at 3:00 pm #298493<em>@jsliao 120811 wrote:</em><blockquote>this code removes the white space which used to house the logo image and login module</blockquote>
Thanks mate, Now I have what I want. :laugh:
darvindc, thanks to u too 😉
Jackie_chan FriendJackie_chan
- Join date:
- September 2006
- Posts:
- 42
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 7
- Thanked:
- 1 times in 1 posts
March 27, 2009 at 4:28 pm #298515<em>@jsliao 120811 wrote:</em><blockquote>this code removes the white space which used to house the logo image and login module</blockquote>
One more thing to change:
how do you remove breadcumb area with “search” area?
Arvind Chauhan ModeratorArvind Chauhan
- Join date:
- September 2014
- Posts:
- 3835
- Downloads:
- 74
- Uploads:
- 92
- Thanks:
- 1240
- Thanked:
- 1334 times in 848 posts
March 27, 2009 at 5:10 pm #298524<em>@Jackie_chan 120842 wrote:</em><blockquote>Thanks mate, Now I have what I want. :laugh:
darvindc, thanks to u too ;)</blockquote>
You are welcome, but i worked on the wrong template :p.
Thanks jsliao, Now i know whom to contact for my template customization >> :D:)
AuthorPostsViewing 14 posts - 1 through 14 (of 14 total)This topic contains 14 replies, has 3 voices, and was last updated by Arvind Chauhan 15 years, 7 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Template structure editing. Need advice and help
Viewing 14 posts - 1 through 14 (of 14 total)