Link Directory (LD) [Deleted]

otto said:
Nice - how have you do it tho show the flags? :)
Click to expand...
Oof... I will try to replicate what I've done ;) It has been a while back.

Basically I use SVG country flags as CSS background for the prefix. I hide the text with CSS and only show it on hover.

I used these flags: http://lipis.github.io/flag-icon-css/

Preparations
  1. Download the files: https://github.com/lipis/flag-icon-css/archive/master.zip
  2. Upload the files to your server (I use flag-icon-css as a folder)
  3. Add to PAGE_CONTAINER these lines below <head>:
    <link href="/flag-icon-css/assets/docs.css" rel="stylesheet">
    <link href="/flag-icon-css/css/flag-icon.css" rel="stylesheet">
  4. Add the following CSS in your extra.css:
Code: 
/*********************************************************************************************************/
/***************************************** ISO Countrycode Prefix ****************************************/
/*********************************************************************************************************/
.prefix.ISOC {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: rgba(0, 0, 0, 0.0);}
a.prefixLink:hover .prefix.ISOC:hover {
    color: @primaryDarker !important;
    text-decoration: none;
    border-color: @secondaryMedium;
    opacity: 0.5;
    }
a.prefix.ISOC {
    background-size: contain;
    border: 1px solid grey;
    color: black;
    }

Setting up prefixes
Screen Shot 2016-02-24 at 09.58.26.webp

Title: I use the ISO country code.
Display styling: prefix ISOC flag-icon-de

When you want to add a flag, you only need to add the Display styling, e.g.
  • prefix ISOC flag-icon-nl for The Netherlands
  • prefix ISOC flag-icon-be for Belgium
  • prefix ISOC flag-icon-pl for Poland et cetera
To make it look better when selecting a prefix I made some adjustments in thread_prefixes.css (in the bottom).
It enables that the flag is shown when selecting a prefix. It also removes some of the (IMHO) ugly layout.
Code: 
.breadcrumb span.prefix,
.heading span.prefix
{
    @property "breadcrumbTitlePrefix";
    font-weight: bold;
    margin: 0;
    border-radius: 0;
    display: inline-block;
/*    display: inline; */
/*    font-style: italic; */
/*    padding: 0; */
/*    border: 0 none black; */
    @property "/breadcrumbTitlePrefix";
/*    color: inherit; */
}

Quite easy right?

EDIT:
An image of what it looks like:
Screen Shot 2016-02-24 at 12.55.22.webp

Final note: You only need to make the changes once. The CSS works for both the out of the box prefixes and the Link Directory prefixes. Even more easy :P
 
Last edited:
a new Test-Version ist now on xenmade.com online
Code: 
[fixed] Screenshot Image Quality
[fixed] 3 Logic errors
[fixed] Phrasen
[fixed] special character in Thrad Text
[fixed] Grid Display
[fixed] style things

[add] Option to hide Link Counter
[add] Option for VIP Links Background Color
[add] Link - Like -> "Recent Activity"
[add] Tags

[change] Items in the SubNav

The biggest new feature are tags
 
dethfire said:
Username, category, timestamp should be mouse over on image like xengallery
Click to expand...

1)
"mouse over" does not work on mobile phones.

2)
generally speaking:
"Username, category, timestamp" do not occupy a lot of space.
Hence it does not justify to put those items into a "mouse over". There is no "value-add" in doing so.
 
Last edited:
... but, its posible to code a template this way to switch betwen desktop and mobile view. So if anybody will change this, they can do this via TMS.
 
erich37 said:
You can only bookmark Links which have been created by other users.
Click to expand...
But why not? :)

And I miss in my bookmarks the categories like in the Link Directory it self. If I bookmark a lot of links, I become a "tohu wabohu" bookmark link list and loose the overview... ;)
 
otto said:
But why not? :)

And I miss in my bookmarks the categories like in the Link Directory it self. If I bookmark a lot of links, I become a "tohu wabohu" bookmark link list and loose the overview... ;)
Click to expand...

well, you could literally create "Bookmarking Folders" (some people call it "Boards" or "Collections") in order to "organize" your Bookmarks and your Links into your custom Link-Lists.
It would be very similar as at Pinterest.


bookmarkcollection.webp



collect-boards.webp




;)
 
Last edited:
Is this in 2.4 aviable or beta at this time? confused... :eek:o_O

This:
upload_2016-2-25_10-55-15.webp
Should be apear as a overlay when I click on "Bookmark" in Link Directory. :like
 
dear au lair sir,

Suggestion

#1 We should be allowed to bookmark even our own links.
xenforo have other bookmark add-ons and i am allowed to bookmark my own threads

#2 We should have option "don't show my bookmarks to public"
some members are shy, and don't want other members to see which site they bookmark


tank you


.
 
Last edited:
a new Tesst-Version now online on xenmade.com
Changelog


[fixed] Screenshot Image Quality
[fixed] 3 Logic errors
[fixed] Phrasen
[fixed] special character in Thrad Text
[fixed] Grid Display
[fixed] style things

[add] Option to hide Link Counter
[add] Option for VIP Links Background Color
[add] Link - Like -> "Recent Activity"
[add] Tags for Links
[add] Pay function for VIP Links
[add] "Your links" & "Your Bookmarks" to user_navigation
[add] ACP Option -> User can change the Display-Mode

[change] Items in the SubNav
[change/add] Templates
Click to expand...
 
You must log in or register to reply here.

Similar threads

Seeker-Smith
Classified, Ads, Link Directory
Replies
6
Views
204
Opus X
Opus X
D
LD: Link Directory - FRENCH translation [Deleted]
Replies
4
Views
618
Ozzy47
Ozzy47
delicatebobster
XF 2 Link Directory Addon Needed
Replies
11
Views
2K
Hristo Avramov
Hristo Avramov
R
LD Link Directory
Replies
8
Views
758
Robert9
R
webbouk
Add-on Link Directory
Replies
3
Views
813
steventmcevoy
steventmcevoy
Back
Top Bottom