Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» kann man noch Blogs hier erstellen?
von Joost Gestern um 18:40

» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54

» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48

» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44

» Forum löschen, Probleme mit Gründeraccount
von Skouliki Do 21 März 2024 - 9:04

»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03

» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41

» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17

» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02

» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15

Partnerbuttons Transparent/ per Mausklick in voller Farbe.

2 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Partnerbuttons Transparent/ per Mausklick in voller Farbe. Empty Partnerbuttons Transparent/ per Mausklick in voller Farbe.

Beitrag von Leonides Di 20 Sep 2011 - 16:09

Hallo alle zusammen. Smile

Ich bastle seid kurzen wieder an meinem Forum rum und hab mir heute in der Forenübersicht für die Partnerseiten dieses Modul eingebaut.

Link

Ich hab dafür den zweiten Code verwendet. Jedoch finde ich irgendwie dass es viel zu bunt aussieht und nun dachte ich mir, dass man vielleicht die Buttons leicht transparent setzen könnte und wenn man mit der Maus darüber fährt oder darauf klickt, dass dann die ganze Farbe so zu sagen aufscheint.

Ich hab das auch schon in einem anderen Forum gesehen, allerdings wurde das entfernt sonst würde ich hier den Link dazu posten.

Ich hab auch bereits die Suchfunktion genutzt aber nichts passendes zu diesem Thema gefunden.

Jetzt wollte ich halt nachfragen, ob jemand von euch weiß wie das funktioniert und ob man mir das bitte genau erklären könnte. Smile

Ich bedanke mich schon mal im Voraus und wünsche euch einen schönen Abend.
Liebe Grüße Leonides
avatar
Leonides
Meister
Meister

Beiträge : 267
Anmeldedatum : 21.01.11
keine
phpBB2

Nach oben Nach unten

Partnerbuttons Transparent/ per Mausklick in voller Farbe. Empty Re: Partnerbuttons Transparent/ per Mausklick in voller Farbe.

Beitrag von #Frank Di 20 Sep 2011 - 21:19

Im Grunde ist das möglich, in dem du für die Img tags eine neue CSS Class einsetzt und diese dann über das CSS definierst.
Du musst mal auf den CSS Seiten im Netz nach dem Effekt opacity suchen.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Partnerbuttons Transparent/ per Mausklick in voller Farbe. Empty Re: Partnerbuttons Transparent/ per Mausklick in voller Farbe.

Beitrag von Leonides Mi 21 Sep 2011 - 9:48

Hallo #Frank!

Also ich hab jetzt mal Google angeworfen und nach opacity gesucht.

Jetzt weiß ich nur nicht wirklich welche Antwort auf meine Frage richtig ist.

Code:
a.transeffect: hover {
Filter: alpha (opacity = 50);
-Moz-opacity: 0,5;
-Khtml-opacity: 0,5;
Opazität: 0,5;
}


Code:
.transparent { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }

Code:
ein img: hover {
Filter: alpha (opacity = 50);
-Moz-opacity: 0,5;
-Khtml-opacity: 0,5;
Opazität: 0,5;
}

Code:
a: hover img {
Filter: alpha (opacity = 50);
-Moz-opacity: 0,5;
-Khtml-opacity: 0,5;
Opazität: 0,5;
}

Code:
{
Filter: alpha (opacity = 50);
-Moz-opacity: 0,5;
-Khtml-opacity: 0,5;
opacity: 0.5;}

Code:
{
position: absolute;
Höhe: 99%;
width: 25%;
cursor: pointer;
z-index: 10;
Filter: alpha (opacity = 20);
-Moz-opacity: 0,2;
-Khtml-opacity: 0,2;
Opazität: 0,2;

Code:
. Test {
    background-color: # 6374AB;
    width: 100%;
    color: # ffffff;
 }

Code:
. Opaque1 {/ / für alle anderen Browser
    opacity: .5;
 }

Code:
 . Opaque2 {/ / für IE5-7
    Filter: alpha (opacity = 50);
 }

Code:
 . Opaque3 {/ / für IE8
    -Ms-filter: "progid: DXImageTransform.Microsoft.Alpha (Opacity = 50)";
 }


Ich stehe ehrlich gesagt total auf dem Schlauch und wäre echt dankbar wenn du mir bitte weiterhelfen könntest, den die Erklärungen dazu brachten mir im Grunde auch nicht viel. -.-

Sorry wegen den Umständen.

Liebe Grüße
Leonides
avatar
Leonides
Meister
Meister

Beiträge : 267
Anmeldedatum : 21.01.11
keine
phpBB2

Nach oben Nach unten

Partnerbuttons Transparent/ per Mausklick in voller Farbe. Empty Re: Partnerbuttons Transparent/ per Mausklick in voller Farbe.

Beitrag von Leonides Di 27 Sep 2011 - 13:35

Hallo noch mal. Smile

Entschuldigung wegen dem Doppeltpost, aber ich wollte an sich noch mal nachfragen, was hier der richtige CSS Code wäre. o.o
Blick da wie gesagt nicht wirklich durch, da es auf den verschiedenen Seiten nicht wirklich gute Erklärungen dazu gab.

Danke im voraus!
Liebe Grüße
Leonides
avatar
Leonides
Meister
Meister

Beiträge : 267
Anmeldedatum : 21.01.11
keine
phpBB2

Nach oben Nach unten

Partnerbuttons Transparent/ per Mausklick in voller Farbe. Empty Re: Partnerbuttons Transparent/ per Mausklick in voller Farbe.

Beitrag von #Frank Di 27 Sep 2011 - 14:01

Ich habe deinen letzten Beitrag gar nicht gesehen.
Es geht in erster Linie ja darum das du den Code im Modul noch etwas erweitern musst.
Kannst du deinen Code mal bitte hier Posten, damit ich den entsprechend ändern kann?

#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Partnerbuttons Transparent/ per Mausklick in voller Farbe. Empty Re: Partnerbuttons Transparent/ per Mausklick in voller Farbe.

Beitrag von Leonides Di 27 Sep 2011 - 14:24

Hallo, macht doch nichts dass du meinen letzten Beitrag nicht gesehen hast. Ihr habt ja andere Dinge auch zu tun.

Also hier ist mal der gesamte Code + die Toplistbutton. o.o
Der Code ist halt etwas lang geworden. ^^

Code:
<center><table border= "1" backroundcolor="#0B4B78" rules="groups" cellspacing="3" cellpadding="2" align="center" width="55%">
                      <td colspan="19" align="center" class="row1" height="20" style="color:e1d4e2; font-family:Arial; font-size:10pt;"></tr>   
           
                  <td align="left"> <a href="http://www4.malware-site.www/ts/ts.cgi?klick=938&tl=charts_mermaidmelody" target="_blank"><img src="http://www.cuteyhoneyflash.de/images/vote.png" alt="Anime & Manga Top 100" border="0"></a> </td>
<td align="center"> <a href="http://www.anime-toplist.net/index.php?a=in&u=Bella"><img src="http://www.anime-toplist.net/button.php?u=Bella" alt="Anime-Toplist.Net" border="0" /></a> </td>
<td align="center"> <a href="http://www4.malware-site.www/ts/ts.cgi?klick=469&tl=momoshs" target="_blank"><img src="http://www.beepworld.de/memberdateien/members20/momoko131/vote.gif" alt="Vote 4 me °O°" border="0"></a> </td>
<td align="center">
<a href="http://www.topsites24.net/ts/ts.cgi?klick=676&tl=YuunaChan" target="_blank"><img src="http://kisuki.net/kisuki/kisuki.net_kisuki_version10_vote.jpg" alt="Toplist - Anime Wallpapers, Anime Galleries & Graphic Resources - Kisuki.net" border="0"></a>
 </td>
<td align="center"><a href="http://www.malware-site.www/ts/ts.cgi?klick=1474&tl=sailorsaturnxx" target="_blank"><img src="http://www.anime-ultra.de/vote.gif" alt="Vote" border="0"></a></td>
<td align="left"> <!-- MangaWeb.de Top100 -->
<a target="_blank" href="http://www.mangaweb.de/index.php/toplist_in/Allgemein/wsid;249/index.html"><img src="http://www.mangaweb.de/images/mw_top100.sgif?wsid=249" alt="MangaWeb.de Top100" title="MangaWeb.de Top100" border="0" width="88" height="31" /></a>
<!-- MangaWeb.de Top100 -->
</td>
 <td align="center"> <a href="http://www.top.unlimited-manga.de/site/in/67/" target="_blank"><img src="http://www.top.unlimited-manga.de/images/btn/67.png" border="0" alt="Unlimited-Manga TopSites" /></a> </td>
<td align="center"> <a href="http://www5.malware-site.www/ts/ts.cgi?klick=525&tl=uchihaclan" target="_blank"><img src="http://i11.photobucket.com/albums/a176/sasuke15/top100.png" alt="Hier gehts zu Uchiha Clans Top 100!!" border="0"></a>
</td> </tr>

<td align="center"> <a href="http://www.topsites24.net/ts/ts.cgi?klick=652&tl=conanshrine" target="_blank"><img src="http://www.beepworld.de/memberdateien/members4/akiro/mcvote.gif" alt="Meitantei Conan Top 50" border="0"></a> </td>
<td align="center"> <a href="http://www3.malware-site.www/ts/ts.cgi?klick=178&tl=Kyurumi" target="_blank"><img src="http://home.arcor.de/yuu-xan/TopButton.gif" alt="HiA gehts zu KyurumiS Top100 " border="0"></a> </td>
<td align="center"> <a href="http://www5.malware-site.www/ts/ts.cgi?klick=344&tl=Shaggy" target="_blank"><img src="http://i2.tinypic.com/vhzscp.gif" alt="Hier entlang zur Toplist!" border="0"></a> </td>
<td align="center"> <a href="http://www.topsites24.net/ts/ts.cgi?klick=280&tl=WippFlipp" target="_blank"><img src="http://home.arcor.de/jeanne-lights/JT100.gif" alt="Hier gehts zur neuen Topliste" border="0"></a> </td>
<td align="center"><a href="http://www5.malware-site.www/ts/ts.cgi?klick=93&tl=medium" target="_blank"><img src="http://www.beepworld.de/memberdateien/members91/lady-subaru/votebutton.gif" alt="Fake Wings Top 100" border="0"></a> </td>
<td align="center"><a href="http://www5.malware-site.www/ts/ts.cgi?klick=114&tl=CelestialSign" target="_blank"><img src="http://www.celestial-sign.info/pic/voteme.jpg" alt="Hier gehts zur Topliste" border="0"></a></td>
<td align="center"> <a href="http://www5.malware-site.www/ts/ts.cgi?klick=403&tl=Absolutanime" target="_blank"><img src="http://tinypic.com/m94xmr.gif" alt="~~Please Vote!~~" border="0"></a></td>
<td align="center"> <a href="http://www5.malware-site.www/ts/ts.cgi?klick=421&tl=akime" target="_blank"><img src="http://i1.tinypic.com/nnwnxe.gif" alt="~+Anime Revolution Top 100+~" border="0"></a> </td></tr>

<td align="center"> <a href="http://www.malware-site.www/ts/ts.cgi?klick=871&tl=akirochan" target="_blank"><img src="http://www.beepworld.de/memberdateien/members4/akiro/vote.gif" alt="Please vote 4 me" border="0"></a></td>
<td align="center"> <a href="http://www.malware-site.www/ts/ts.cgi?klick=1566&tl=dolley" target="_blank"><img src="http://www.beepworld.de/memberdateien/members17/dolleynge/top50.jpg" alt="Dolleys Top100" border="0"></a></td>
<td align="center"> <a href="http://www5.malware-site.www/ts/ts.cgi?klick=212&tl=ShamanKingGFX" target="_blank"><img src="http://www.sabishii-anime.de/Vote2.gif" alt="Sabishii Anime Top 100" border="0"></a> </td>
<td align="center"> <a href="http://www6.malware-site.www/ts/ts.cgi?klick=21&tl=Dreamland_rpg" target="_blank"><img src="http://i131.photobucket.com/albums/p306/Mad-Ann/Homepage%20and%20Forum/vote-dreamland-button.gif" alt="vote" border="0"></a> </td>
<td align="center"><a href="http://www5.malware-site.www/ts/ts.cgi?klick=72&tl=Mad_Ann" target="_blank"><img src="http://i131.photobucket.com/albums/p306/Mad-Ann/top100_button.gif" alt="Top 100" border="0"></a></td>
<td align="center"> <a href="http://www.malware-site.www/ts/ts.cgi?klick=902&tl=moc" target="_blank"><img src="http://www.beepworld2.de/memberdateien/members15/magicnachtara/moctop50button.jpg" alt="Hier gehts zur neuen Topliste" border="0"></a> </td>
<td align="center"> <a href="http://www5.malware-site.www/ts/ts.cgi?klick=212&tl=Juri" target="_blank"><img src="http://i16.photobucket.com/albums/b25/Juri-chan/CnK/VoteButton.gif" alt="Hier gehts zur Topliste" border="0"></a> </td>
<td align="center"> <a href="http://www3.malware-site.www/ts/ts.cgi?klick=152&tl=Chibispirit" target="_blank"><img src="http://www.beepworld.de/memberdateien/members69/moonmine/vote.jpg" alt="Hier gehts zur Topliste" border="0"></a> </td></tr>

<td align="center"> <a href="http://www.malware-site.www/ts/ts.cgi?klick=697&tl=mia" target="_blank"><img src="http://members.lycos.co.uk/mangalovers/vote.png" alt="Girls-only´s Toplist!!!" border="0"></a> </td>
 <td align="center"> <a href="http://www5.malware-site.www/ts/ts.cgi?klick=192&tl=sgarten" target="_blank"><img src="http://sgarten.sg.funpic.de/votebutton.jpg" alt="Vote for me, please! <3" border="0"></a> </td>
<td align="center"> <a href="http://www6.malware-site.www/ts/ts.cgi?klick=70&tl=AkumaCorp" target="_blank"><img src="http://i703.photobucket.com/albums/ww38/Todesengel_Alita/Toplist/Votebutton.gif" alt="Akuma Corporations Top 70" border="0"></a> </td>
 <td align="center"><a href="http://www.malware-site.www/ts/ts.cgi?klick=538&tl=nicolechan" target="_blank"><img src="http://www.spiral.planet.ee/vote.jpg" alt="Kibou no Spiral Toplist" border="0"></a> </td>
<td align="center"><a href="http://www6.malware-site.www/ts/ts.cgi?klick=34&tl=GFX4You" target="_blank"><img src="http://www.fotos-hochladen.net/srgsiglf1yua.gif" alt="GFX4You Toplist" border="0"></a> </td>
<td align="center"><a href="http://www6.malware-site.www/ts/ts.cgi?klick=44&tl=SatsukisWorld" target="_blank"><img src="http://i858.photobucket.com/albums/ab141/Satsuki_03_album/vote.png" alt="Hier gehts zur Topliste" border="0"></a> </td>
<td align="center"> <a href="http://topsites.kametsu.com/"><img src="http://topsites.kametsu.com/button-2.php?u=Leonides" alt="Kametsu Topsites" border="0" /></a> </td>
<td align="right"> <a href="http://himegami.de/top100/"><img src="http://himegami.de/top100/button.php?u=Leonides" alt="Himegami.de Top 100" border="0" /></a></td></tr>
    </table></center>
    <br>
    <!-- Partner END --></center>

Danke für deine Hilfe.
Liebe Grüße
Leonides
avatar
Leonides
Meister
Meister

Beiträge : 267
Anmeldedatum : 21.01.11
keine
phpBB2

Nach oben Nach unten

Partnerbuttons Transparent/ per Mausklick in voller Farbe. Empty Re: Partnerbuttons Transparent/ per Mausklick in voller Farbe.

Beitrag von #Frank Di 27 Sep 2011 - 14:32

Es ist ganz einfach:
Du musst über all im Code dem Image Tag:

Code:
<img src="http://www.cuteyhoneyflash.de/images/vote.png" alt="Anime & Manga Top 100" border="0">
So ergänzen:
<img id="partner" src="http://www.cuteyhoneyflash.de/images/vote.png" alt="Anime & Manga Top 100" border="0">

Dann musst du diese Einträge in dein Persönliches CSS einsetzen:
Code:
#partner {
Filter: alpha (opacity = 50);
-Moz-opacity: 0,5;
-Khtml-opacity: 0,5;
opacity: 0.5;
Opazität: 0,5;
}
#partner:hover {
Filter: alpha (opacity = 100);
-Moz-opacity: 1,0;
-Khtml-opacity: 1,0;
opacity: 1.0;
Opazität: 1,0;
}
Der Obere Teil ist der Transparente. Wenn dir das noch zu hell ist, kannst du die Werte Noch kleiner machen. Achte darauf das es mal mit Komma und mal mit Punkt angegeben wird.
Der Untere Teil ist der beim Hovern und Stellt die Transparenz auf 1 also Vollansicht.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Partnerbuttons Transparent/ per Mausklick in voller Farbe. Empty Re: Partnerbuttons Transparent/ per Mausklick in voller Farbe.

Beitrag von Leonides Di 27 Sep 2011 - 15:04

Hallo #Frank danke für deine Hilfe, es hat super geklappt.

Ich weiß es ist nur eine Frage pro Thema erlaubt, aber ich wollte noch nachfragen ob man das selbe zum Beispiel mit anderen Bilder im Forum oder dem Avatar machen könnte?

Bzw. ob es genauso funktionieren würde oder ob man hier etwas beim CSS Teil bebachten muss?

Danke noch mal.
Liebe Grüße
Leonides
avatar
Leonides
Meister
Meister

Beiträge : 267
Anmeldedatum : 21.01.11
keine
phpBB2

Nach oben Nach unten

Partnerbuttons Transparent/ per Mausklick in voller Farbe. Empty Re: Partnerbuttons Transparent/ per Mausklick in voller Farbe.

Beitrag von #Frank Di 27 Sep 2011 - 15:14

Es würde auf die Gleiche Weise auch mit anderen Bildern im Forum gehen.
Also z.B. für den Avatar bei den Beiträgen im Template:
viewtopic_body
dann den Avatar musst du dann in eine Span Class setzen.
Im Orginal sieht das im Template ja so aus:
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}

{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


<!-- BEGIN profile_field -->
Und wenn du die Gleiche Class hier anwenden willst, dann must du das so eintragen:
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}

{postrow.displayed.RANK_IMAGE}<span id="partner">{postrow.displayed.POSTER_AVATAR}</span>


<!-- BEGIN profile_field -->

Dann würde die Gleiche Einstellung auch für den Avatar im Profil bei den Beiträgen gelten.
Aber das solltest du nun wirklich selber ausprobieren.
Das deine Frage nun beantwortet ist, mache ich hier nun zu.
Wie das dann mit dem Avatar wirkt, kannst du hier sehen:
http://frank3.forumieren.eu/t3-gelosteine-codebox-zum-ersten#5
closed
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten