Not logged in. · Lost password · Register
Forum: General Help and Support Templates and Layout RSS
Position of external link icon
Avatar
u_m_rasmussen #1
Member since Oct 2006 · 3 posts
Group memberships: Members
Show profile · Link to this post
Subject: Position of external link icon
I find the default external link icon (the globe [Image: http://infius.com/wiki/lib/tpl/terre/images/backup_link_icon.gif]) a bit to protruding as I use alot of external links in a paragraph and even more on a full page. I have created a new smaller, more discrete icon and uploaded it so my dokuwiki displays that icon instead for external links. Now I would like to have the icon APPEAR TO THE RIGHT of the linktext[Image: http://infius.com/wiki/lib/tpl/terre/images/backup_link_icon.gif] instead of before the [Image: http://infius.com/wiki/lib/tpl/terre/images/backup_link_icon.gif]link as is the dokuwiki default.

I have looked in the different CSS and PHP files but don't know where the icon placement for links is made. Does anybody on this forum know?

Thanks,
Avatar
purplepaisley #2
Member since May 2006 · 142 posts · Location: UK
Group memberships: Members
Show profile · Link to this post
In /lib/tpl/default/design.css:

/* external link */
div.dokuwiki a.urlextern{
    background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
    color:__extern__;
    text-decoration:none;
}
Avatar
u_m_rasmussen #3
Member since Oct 2006 · 3 posts
Group memberships: Members
Show profile · Link to this post
Yes, that is where I replaced the icon NAME, but where is the position?
Avatar
purplepaisley #4
Member since May 2006 · 142 posts · Location: UK
Group memberships: Members
Show profile · Link to this post
The position is in the background properties, 0px 1px. Those are x-pos and y-pos. You'd probably want to change those to something else, and perhaps the padding.

http://www.w3schools.com/css/css_background.asp
Close Smaller – Larger + Reply to this post:
Verification code: VeriCode Please enter the word from the image into the text field below. (Type the letters only, lower case is okay.)
Smileys: :-) ;-) :-D :-p :blush: :cool: :rolleyes: :huh: :-/ <_< :-( :'( :#: :scared: 8-( :nuts: :-O
Special characters:
Go to forum
Imprint
This board is powered by the Unclassified NewsBoard software, 20150713-dev, © 2003-2015 by Yves Goergen
Current time: 2019-08-22, 03:13:32 (UTC +02:00)