Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 3
Seite [1]
Pet the Rap


King for a day



Herkunft: Essen
Beiträge: 263
# Thema - 19.08.2010 um 12:08 Uhr
Hallo


Ich hoffe das der eine oder andere es gebrauchen kann,
Cute Profiles – Social Media Profile ist eigentlich ein Wordpress plugin,
Cute Profiles ermöglicht es dem Nutzer seine Profile bei aktuell 50 diversen Portalen übersichtlich zu präsentieren.
aber es lässt sich auch ganz einfach an Clanspere anpassen.

Aufmerksam bin ich auf das plugin über diese seite geworden.
http://www.online-cash.org/cute-profiles-social-media-profile-ubersichtlich-im-b log-anordnen/

live zu sehen war es dann hier
http://stadt-bremerhaven.de/
und fand es auf den ersten blick ganz nett,

downloaden kann man es da
http://www.clickonf5.org/cute-profiles/
Overview: Cute Profiles is a free and simple WordPress plugin


im Grunde ist es ganz einfach ein paar Zeilen html für Clansphere, geht aber auch woanders.
erstelle eine z.B. siba.css
und kopiere den Inhalt aus der angehängten Datei und speichere es ab.
Die liste ist zu lang um sie hier zu posten darum als Datei.
Wichtig für 16x16 und 32x32 Pixel selber anpassen, dieses beispiel ist für 24x24 Pixel.
Die Grafik wurde umbenannt in siba_sprite21.png
müsste dann in der css z.B. heissen
background : url(images/dein_sprite.png)

ob links oder rechts an der Seite macht man mit
div.cute_profiles_sprite {
top: 25px;
left: 0px;
}

oder alternativ

div.cute_profiles_sprite {
top: 25px;
right: 0px;
}
wobei top die höhe von oben angibt
und left bzw. right links oder rechts

in der html muss man im HEAD das
<link href="siba.css" rel="stylesheet" type="text/css" />
einfügen.

ich habe es an erster stelle im BODY eingebunden, Prinzip für die urls ist so
http://netzwerk.com/deinprofil/
natürlich muss man es noch an sein eigenes profil anpassen
und sich die restlichen links die man braucht selber erstellen oder anpassen
aber das ist ganz einfach
Grafiken liegen dem download Paket verschiedene bei in 16x16 24x24 & 32x32 Pixel,
sowie eine readme in der eine liste aller Profiles ist, einen Ordner namens css aus dem man sich die werte holen kann um es an die eigene css anzupassen.
es ist horizontal und vertikal anwendbar.

sowie einige andere Dateien und Screenshots die aber nicht benötigt werden weil sie für Wordpress sind.

 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
1. / 2. / ... 
 
<body>
<
div class="cute_profiles_sprite">
    <
a title="Contact" class="cute_profiles_contact" href="http://Gam3rz.com/index/contact/imprint/" target="_blank" rel="nofollow" ></a>
    <
a title="Twitter" class="cute_profiles_twitter" href="http://twitter.com/" target="_blank" rel="nofollow" ></a>
    <
a title="Facebook" class="cute_profiles_facebook" href="http://facebook.com/" target="_blank" rel="nofollow" ></a>
    <
a title="Google" class="cute_profiles_google" href="http://www.google.com/profiles/" target="_blank" rel="nofollow" ></a>
    <
a title="Youtube" class="cute_profiles_youtube" href="http://youtube.com/" target="_blank" rel="nofollow" ></a>
    <
a title="RSS" class="cute_profiles_rss" href="http://Gam3rz.com//index/news/feed" target="_blank" rel="nofollow" ></a>
    <
a title="Skype" class="cute_profiles_skype" href="skype:Gam3rz?call" target="_blank" rel="nofollow" ></a>
    <
a title="FriendFeed" class="cute_profiles_ff" href="http://friendfeed.com/" target="_blank" rel="nofollow" ></a>
    <
a title="Flickr" class="cute_profiles_flickr" href="http://www.flickr.com/photos//" target="_blank" rel="nofollow" ></a>
    <
a title="Xing" class="cute_profiles_xing" href="https://www.xing.com/profile/" target="_blank" rel="nofollow" ></a>
    <
a title="TheSixtyOne" class="cute_profiles_thesixtyone" href="http://www.thesixtyone.com/" target="_blank" rel="nofollow" ></a>
    <
a title="Infopirate" class="cute_profiles_infopirate" href="http://infopirat.com/" target="_blank" rel="nofollow" ></a>
    <
a title="MySpace" class="cute_profiles_myspace" href="http://myspace/" target="_blank" rel="nofollow" ></a>
    <
a title="Delicious" class="cute_profiles_delicious" href="http://delicious.com" target="_blank" rel="nofollow" ></a>
    <
a title="Technorati" class="cute_profiles_technorati" href="http://technorati.com/" target="_blank" rel="nofollow" ></a>
    <
a title="Yahoo" class="cute_profiles_yahoo" href="http://yahoo.com/" target="_blank" rel="nofollow" ></a>
    
</
div>


viel Spaß damit
von der Lizenz her sollte es wohl keine Probleme geben hoffe ich.

greets
Dateianhänge:
txt siba.txt (9.47 KiB - 68 mal heruntergeladen )


------------------
if (ahnung == 0) { read FAQ; use SEARCH; use GOOGLE; } else { use brain; make post; }




Zuletzt editiert von Pet the Rap am 19.08.2010 um 14:14 Uhr (2x Editiert)
Inaktiv
hajo ClanSphere Team


VIP - Poster




Herkunft: Barsbüttel
Beiträge: 9411
# Antwort: 1 - 19.08.2010 um 14:15 Uhr
was unterscheidet cuteprofile von z.b. addthis, dass ja standardmäßig mit clansphere 2010 per navlist datei nutzbar ist in optimierter form?


------------------
ClanSphere - professional clan care starts here

Inaktiv
|
Pet the Rap
Thread-Ersteller


King for a day



Herkunft: Essen
Beiträge: 263
# Antwort: 2 - 19.08.2010 um 14:31 Uhr
jo
mhh
addthis.com kenne ich nicht, wo kann man das nachlesen?

ich dachte nur ich hätte eine schicke Lösung gefunden so was darzustellen,
da so was ja schon mal gefragt wurde.

greets


------------------
if (ahnung == 0) { read FAQ; use SEARCH; use GOOGLE; } else { use brain; make post; }




Inaktiv
|
hajo ClanSphere Team


VIP - Poster




Herkunft: Barsbüttel
Beiträge: 9411
# Antwort: 3 - 19.08.2010 um 15:09 Uhr
http://addthis.com

die grundfunktionen davon sind per ajax:navaddthis einbindbar

das ganze lässt sich sicherlich auch leicht auf weitere features von addthis oder ähnliche dienste ändern / erweitern

hauptfeatures dieser realisierung sind:

1. post-sperre (bei gesendeten formulardaten ist der link nicht mehr "verlinkt")
2. ajax-sperre (selbst wenn ajax aktiv ist, wird der link ohne ajax angezeigt, für eine bessere verfügbarkeit und integrität des hyperlinks
3. der titel der website wird mit in den link als title geschrieben, dies lässt sich sicherlich auch noch optimieren / erweitern

ps: dies ist natürlich in der demo testbar über die navdebug funktion

http://www.demo.csphere.eu/debug.php?mod=news&action=recent&debug_navfile=1


------------------
ClanSphere - professional clan care starts here

Zuletzt editiert von hajo ClanSphere Team am 19.08.2010 um 15:17 Uhr (1x Editiert)
Inaktiv
|
Antworten: 3
Seite [1]


Sie müssen sich registrieren, um zu antworten.