You need to Register for free and Login to post a message in the forum.

Forum

Subject: style search CSS or XML
Prev Next
You are not authorized to post a reply.

Author Messages
mmcinulty
DNN Creative Magazine Subscriber
Nuker
Nuker
Posts:17

27 Aug 2008 8:41 AM  
CSS an XML

i was looking back at issue 29 about search styling. there was a skin i seen www.dnnskin.net/nukeskin that used an image but with mouseover affect

the image is changed by css

within a div tag dnnbreader
.right a:
.right a:hover -21px

i am having a problem recreating that look, i am able to have the mouseover affect, but i still have the search text visable

i have being playing around with the skin.xml and the search token to no avail any ideas
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3375

28 Aug 2008 2:56 AM  
The CSS code for that skin is:

#dnn_dnnSEARCH_txtSearch    { height:16px; position:absolute; top:4px; right:40px; padding:2px 0px 0 0px; background:#fff; width:140px; font:bold 9pt Arial, Helvetica, sans-serif; color:#777; border:1px #d7d5d8 solid}
#dnnbreader .right a:link,
#dnnbreader .right a:active,
#dnnbreader .right a:visited{ position:absolute; right:0px; border:0px; top:4px; width:25px; height:20px; display:block; border:0px; background:url(images/search-button.gif) left top no-repeat; overflow:hidden; margin-right:10px;}
#dnnbreader .right a:hover    { background:url(images/search-button.gif) 0 -21px no-repeat}


Basically they have placed a div tag around the search area, then in the CSS have specified for any links use an image and for any links when you hover over use an image in a different position.

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
mmcinulty
DNN Creative Magazine Subscriber
Nuker
Nuker
Posts:17

28 Aug 2008 8:02 AM  
Hi Lee

i was able to replicate the mouse over affect by using the css, the problem is that i still have the word search visible

i have checked the source output, it looks like a space is used rather than the word search for id dnn_dnnSEARCH_cmdSearch

more info on attached txt file

i am unable to do this using the xml file, is it something simple i am missing

Attachment: 182824728771.txt

leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3375

03 Sep 2008 10:11 AM  
Hello,

You can specify the text to be used for the search link using the following code in the skin.xml file, so perhaps you could add a space instead of the search text.

< Token >[SEARCH]< / Token >
 < Settings >
    < Setting >
         < Name >Submit< / Name >
         < Value >Search< / Value >
     < Setting >
< / Setting >

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
You are not authorized to post a reply.
Forums > DotNetNuke® > DotNetNuke® Questions > style search CSS or XML



ActiveForums 3.7

Latest Forum Posts

RE: No Access for me too by ristori
it is ok now. Thanks for this action.
skin/container error load by islandman
Has anyone else run across this error when loading skins or containers from site settings?I am using...
Email Set UP per Portal by islandman
How do I set up a unique email address per domain name off 1 hosting environment. for example...m...
RE: localhost Install issues by cdees
Lee: I wanted to follow up on this for anyone following this thread. I have been unable to solve t...
RE: Add New Profile Properties by WSI
HI Joe, The DNN version is 4.5.5. Thanks, Cliff
Change Skin on URL by vinita
Hi,Can the skin be changed based on the url used to access a portal. Multiple portal aliases may be ...
problem creating child portal by kabamaro
  Hello all i have 4 Aliases for my parent portal , lets call them X,y,Z,WIn all Aliases i can creat...
problem creating child portal by kabamaro
  Hello all i have 4 Aliases for my parent portal , lets call them X,y,Z,WIn all Aliases i can creat...
Best DNN portal ever! by derpir
I have been a subscriber since august 2008, and DNNCreative.com is simply the best DNN Portal, their...
RE: skinning trouble by derpir
Hello Yes could you be so kind and take a look att the htm-file and css-file.I would be very gratef...
Search function is not working by kishorpawar
I am using Seach module in my project but not working, i have set   host setting alsoHost --> Schedu...
RE: backend is changing from sql2005 to sql2008 by leesykes
hello,There should not be any code changes needed, but you'll need to make sure that SQL 2008 upgrad...
RE: skinning trouble by leesykes
Hello,I would need to see your code to help you with this one, you can zip up your files and attach ...
RE: Installing DotNetNuke 4.9.00 on VWD 2005 w/ SQL server 2008 by leesykes
I have run a test with SQL Server 2008 express and DotNetNuke installed in exactly the the same way ...
RE: Issue 39 Interview by leesykes
thanks Bill, glad it was useful, we will have a think about the best way to approach this,Thanks,
RE: Issue 39 Authentication by leesykes
yes I have a live site in 4.9.0 at it seems stable as well.
backend is changing from sql2005 to sql2008 by meenu
hi all advance thanks. in my DNN0408 website am using sql2005 as backend.now planning to remove sq...
About catalook error by kishorpawar
 I am  using dnn 4.8.4 version in my project, this  site is in 2 language,whenver i click on the BYN...
RE: Menu Keeps Verticaly by ruimacdonald
Tnx for your help. It's done. Rui
RE: Menu Keeps Verticaly by jncraig
The configuration of the MENU skin object is defined in the skin.xml file. You'll need to modify th...
AppTheory
RSS Feeds