Zikula Community

• **unknown user**
  
  

  • Rank: Registered User
  • Registered: Mar 16, 2002
  • Last visit: Mar 31, 2005
  • Posts: 11

  Posted: Mar 02, 2005 - 07:55 PM

  I'm trying to make my search bar like the one in this forum. I'm using the PostNuke Xanthia theme that shipped with PostNuke and my search bar is twice as tall as the search box itself. I want a little space on each side, but not double the height. How do I do this?
  
  I've tried editing the HTML wthout luck.
  I've tried editing the CSS without luck.
  Where do I look next?

  • 
  •  
• denisrf
  
  

  • Rank: Developer
  • Registered: Feb 23, 2005
  • Last visit: May 09, 2010
  • Posts: 399

  Posted: Mar 02, 2005 - 11:31 PM

  Well, you could cheat a bit. If you are using firefox it makes life easier cause you should have the developers bar extention installed. Thennnnnn, view the source of this page to see what styles are used for that search box up there next, look at the CSS for this page for the stlyes and copy it to see how it works.
  
  Of cause it would be a good idea to then write your own style and search box to suit your theme. You'll find thats how mostpeople do it besides bying somebooks and vistiting sites to learn about styles.

  • 
  •  
• **unknown user**
  
  

  • Rank: Registered User
  • Registered: Mar 16, 2002
  • Last visit: Mar 31, 2005
  • Posts: 11

  Posted: Mar 03, 2005 - 03:11 AM

  I never thought about installing that extension, Thanks! I found the CSS style that is used long ago, but nothing I do with that style changes the height of that bar. I can add padding and cell padding, etc, but the height of the div layer dosen't change. It just uses the background color.

  • 
  •  
• denisrf
  
  

  • Rank: Developer
  • Registered: Feb 23, 2005
  • Last visit: May 09, 2010
  • Posts: 399

  Posted: Mar 03, 2005 - 03:55 AM

  Are you reloading the templates after each time to change some thing in the theme or CSS? No changes will show up unless you reload the templates in template admin.
  
  You also need to remeber that if your trying to change the front page, there is a home.htm in the modules folder that is inside the templates folder. Editing the master.htm won't show up on the fron page

  • 
  •  
• **unknown user**
  
  

  • Rank: Registered User
  • Registered: Mar 16, 2002
  • Last visit: Mar 31, 2005
  • Posts: 11

  Posted: Mar 03, 2005 - 09:50 AM

  Got it figured out! I was looking for something designating the height of the div layer, but nothing does. I guess it is just using the default height. I took your adivice on finding more info on CSS and wound up on the www.w3schools.com site. There I learned that CSS has a height tag. Once I added that to the style ued for the search bar. Got it changed! Thanks for your help and direction!
  
  Just our of curiosity where is the search function that the template calls actually located?

  • 
  •  
• denisrf
  
  

  • Rank: Developer
  • Registered: Feb 23, 2005
  • Last visit: May 09, 2010
  • Posts: 399

  Posted: Mar 03, 2005 - 12:47 PM

  Have a look in modules/Xanthia/plugins, it's in there. If you read up on the Xanthis docs you'll see that you can have theme specific plugins too by putting a plugins folder in your theme

  • 
  •  
• **unknown user**
  
  

  • Rank: Registered User
  • Registered: Mar 16, 2002
  • Last visit: Mar 31, 2005
  • Posts: 11

  Posted: Mar 03, 2005 - 01:48 PM

  Thanks!

  • 
  •  
•  
•  

Users on-line

• bronto

This list is based on users active over the last 60 minutes.