Beiträge von Vuruba

Hallo zusammen,

letztes mal würde mir sooo super hier geholfen. Deswegen suche ich wieder mal eure Hilfe.
Und zwar möchte ich einen Link Hover das so ein Kasten um den Link kommt wenn man mit der Maus drüber geht. (siehe Bild: http://www.bilder-upload.eu/show.php?file=…-1532343192.jpg)
Der Hintergrund soll aber von unten nach oben wandern als Effekt.
Habe auch einen Css Code und es geht soweit auch alles aber ein Problem habe ich doch.
Und zwar bekomme ich einfach nicht diesen Strich unten weg....
Hier mal der Code:

Zitat

a{
/*linear-gradient for hover background*/

background:-webkit-gradient(linear,left top,left bottom,from(#8462cc),color-stop(#8462cc),0);
background:-webkit-linear-gradient(#8462cc, #8462cc) no-repeat scroll center bottom / 100% 2px rgba(0, 0, 0, 0) !important;
background: -moz-linear-gradient(#8462cc, #8462cc) no-repeat scroll center bottom / 100% 2px rgba(0, 0, 0, 0) !important;
background: -o-linear-gradient(#8462cc, #8462cc) no-repeat scroll center bottom / 100% 2px rgba(0, 0, 0, 0) !important;
background: linear-gradient(#8462cc, #8462cc) no-repeat scroll center bottom / 100% 2px rgba(0, 0, 0, 0) !important;
text-decoration: none !important;
border: none !important;
color:#8462cc !important;
padding:3px !important;
/*transition*/
-webkit-transition:background-size 0.2s ease 0s, color 0.1s ease 0.1s !important;
-moz-transition:background-size 0.2s ease 0s, color 0.1s ease 0.1s !important;
-o-transition:background-size 0.2s ease 0s, color 0.1s ease 0.1s !important;
transition:background-size 0.2s ease 0s, color 0.1s ease 0.1s !important;
}

a:hover{
/*background-size*/

-webkit-background-size:100% 100% !important;
-moz-background-size:100% 100% !important;
-o-background-size:100% 100% !important;
background-size:100% 100% !important;
color:#fff !important;

}

Alles anzeigen

Wollte halt gerne so einen Effekt habe: https://codepen.io/TiagoLopes/pen/yopxeW
Oder muss ich es anders angehen?

Ganz liebe grüße die Anfängerin

Zitat von Sailor56

Was bitte ist dein 'Twitter Style'????

Ähmmm ich habe das Plugin: https://de.wordpress.org/plugins/twitter-tweets/ auf meine Seite eingebaut. Aber leider passt es halt überhaupt nicht zum Rest. Deswegen wollte ich die Farben anpassen Aber ich denke mal das Video wird mir da weiterhelfen

Oh wow mein güte vielen vielen vielen Dank! Ihr wisst gar nicht wie sehr ihr mir geholfen habt. Ich war an der Sache nun schon 3 Tage dran....;_; Danke und auch danke für das Video. Das schaue ich mir sofort an! Und nochmal besonderen Dank an @Sailor56!

Omg es geht! Wowww vielen vielen Dank. Das hätte ich niemals so hinbekommen! Danke danke!
Darf ich als Anfänger noch eine Frage stellen?
Ich will noch mein Twitter Style später noch anpassen und da brauche ich denke ich ja auch wieder diese Tribute /Selector oder wie man das nennt?! Um dann nur dort den Style zu ändern? Wie findest man das heraus? Meine wie wie bei .wpb_wrapper vorhin auch.

Und danke schon mal für die wunderbare tolle Hilfe hier! Ein tolles Forum!

ah schon mal vielen Dank dafür. Dann könnte ich jetzt einfach von hier: https://codepen.io/Pelucchi/pen/eZZYdYmir den raus "move-horizontal" effekt raussuchen und füge dann :

.move-horizontal:after,
.move-horizontal:focus:after,
.move-horizontal:focus:before,
.move-horizontal:hover:after,
.move-horizontal:hover:before {
height: 100%;
width: 5px
}
einfach dazu? Sorry bin echt noch ne Anfängerin

Ja genau hier zb. https://amenitra.de/interface-und-…ace-und-addons/ da habe ich viele.

Zitat von Sailor56

Danke für den Link zu deiner Seite... leider auch erfolglos, denn die Seite ist im Wartungsmodus und da können wir leider nicht das sehen, was du brauchst, um dein Problem zu lösen!

Sorry schon geändert. War gerade noch dran.

Hallo, Danke erstmal für deine Antwort^^
Ja habe für das Theme bezahlt. Dieses hier: https://themeforest.net/item/the7-resp…s-theme/5556590

Im Customizer war ich auch schon drin und habe probiert aber naja...erfolglos.
Meine Seite wäre https://amenitra.de/
Auf der Seite bei mir sind zb. viele Links: https://amenitra.de/interface-und-…ace-und-addons/
Ich möchte einfach einen schönen Effekt um die Links so wie hier zb. auch https://codepen.io/Pelucchi/pen/eZZYdY da gefällt mir das "move-horizontal" sehr gut.
Habe mich gestern auch noch durch so viele Seiten durchgelesen...aber ich komme einfach nicht weiter

Hallo zusammen,

ich bin noch sehr neu und fummel mich gerade seit 3 Wochen durch meine neue Homepage.
Ich benutze das Theme The7 und bin noch ein ziemlicher Neuling was CSS angeht.

Meine Frage wäre:
Ich suche einen CSS Code womit sich meine Links die ich so verlinke in Texte oder auf einer Seite halt einen Hover Effekt haben.
Momentan habe ich nur:

a:hover {
font-weight: bold;
text-decoration: underline;
color: red;
}

Ganz nett aber ich hätte schon gerne etwas in der Richtigung hier: https://codepen.io/P233/pen/EaGAl
Am liebsten den Link Hover Effect 2. Und wie gesagt, es soll nicht für das Hauptmenü sein sondern für die Text auf der Seite, also wenn man da etwas verlinkt.
Könnte mir einer erklären wie ich das mache? Oder mir einen Code basteln?
Das wäre echt toll. Ich habe nun schon 8 Stunden daran gebastelt und gelesen...und verzweifel langsam