Sie sind nicht angemeldet.

Weiter lesen Button ändern css

maxdes

Schüler

  • »maxdes« ist der Autor dieses Themas

Beiträge: 79

  • Nachricht senden

1

Dienstag, 16. März 2010, 20:09

Weiter lesen Button ändern css

hey mich würde mal interessieren wie man den mehr lesen button beim blog modul verändern kann. würde ihn nämlich gerne einwenig aufpeppen.bräuchte also eig nur den css befehl dafür .



edit: bräuchte auf den befehl für die kommentaranzeige

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »maxy« (28. April 2010, 20:51)

Werbung

Marvin

unregistriert

2

Dienstag, 16. März 2010, 20:24

Naja..hättest ja einfach im Quelltext die Klassen nachschauen können:

Quellcode

 
1
2
3

#modul #modul_blog #blogeintrag table tr tbody td p a {
STYLE :p
}

Sollte eigentlich stimmen...du könntest natürlich auch dem Link eine Klasse geben, dazu müsstest du aber die Blog-Modul-Index bearbeiten ;-)
Wenn du Firefox benutzt empfehle ich dir FireBug

Marvin
Werbung

Carsten8

Schüler

  • »Carsten8« ist männlich

Beiträge: 61

CMS Version: 3.9.2

Paypal:

  • Nachricht senden

3

Dienstag, 16. März 2010, 20:26

Zitat von »Marvin«


Wenn du Firefox benutzt empfehle ich dir FireBug


Google Chrome hat's schon eingebaut :)
Aktuelle Projekte:
Adminberechtigungen - 100% (siehe Shop)
Werbung

maxdes

Schüler

  • »maxdes« ist der Autor dieses Themas

Beiträge: 79

  • Nachricht senden

4

Dienstag, 16. März 2010, 20:36

ich will ja den bg ändern sprich ein bild einbauen aber damit klappts irgendwie nicht

Quellcode

 
1
2
3

#modul #modul_blog #blogeintrag table tr tbody td p a {
STYLE :p
}
Werbung

Carsten8

Schüler

  • »Carsten8« ist männlich

Beiträge: 61

CMS Version: 3.9.2

Paypal:

  • Nachricht senden

5

Dienstag, 16. März 2010, 20:44

Zitat von »maxdes«

ich will ja den bg ändern sprich ein bild einbauen aber damit klappts irgendwie nicht

Quellcode

 
1
2
3

#modul #modul_blog #blogeintrag table tr tbody td p a {
STYLE :p
}


:rofl: Copy & Paste Coding ist schon was schönes hm? Vor Allem, wenn selbst 3 Zeilen zu viel zum genauen anschauen zu viel sind..

http://maxdes.lima-city.de/includes/module/blog/modul.css
Anschaun, da findest du einige Styles für die Links. Ohne Änderungen in der Datei vom Blogmodul wird das aber kaum was gutes werden.
Aktuelle Projekte:
Adminberechtigungen - 100% (siehe Shop)
Werbung

Marvin

unregistriert

6

Dienstag, 16. März 2010, 20:50

Das Problem ist, das es eine Link ist, die, wie ich finde, sehr schwer oder nur unschön zu bearbeiten sind. Es wäre praktischer, wenn man um den Link eine div o.ä. hätte.

Marvin
Werbung

Carsten8

Schüler

  • »Carsten8« ist männlich

Beiträge: 61

CMS Version: 3.9.2

Paypal:

  • Nachricht senden

7

Dienstag, 16. März 2010, 20:55

oder dem Link eine class geben, fände ich noch schöner. Aber darüber lässt sich streiten.
Aktuelle Projekte:
Adminberechtigungen - 100% (siehe Shop)
Werbung

Marvin

unregistriert

8

Dienstag, 16. März 2010, 20:56

naja...das find ich jetzt nicht so schlimm, ich meine nur das allgemeine "Stylen" von Links mag ich nicht besonders, bezogen auf padding und margin etc.

Marvin
Werbung

JOE

Fortgeschrittener Benutzer

  • »JOE« ist männlich

Beiträge: 359

Paypal:

  • Nachricht senden

9

Dienstag, 16. März 2010, 21:09

Im LastNews - Addon:

Quellcode

 
1

<div class="mehr_lesen"><a href="".$link."" title="mehr lesen">Mehr lesen</a></div>\n";


In main.css

.mehr_lesen { deine Werte eingeben }

FERTIG!

8)



Signatur
Mancher lehnt eine gute Idee bloß deshalb ab, weil sie nicht von ihm ist!

Favorite Links
...............................................
SELFHTML
CSS4YOU
CSSMANIA
SELFPHP
Werbung

JOE

Fortgeschrittener Benutzer

  • »JOE« ist männlich

Beiträge: 359

Paypal:

  • Nachricht senden

10

Mittwoch, 17. März 2010, 20:07

So hier die Lösung:

Im Blog-Modul die Zeile 269 mit dieser ersetzen:

PHP-Quelltext

 
1

$vorschau = "<p class="blog_mehrlesen"><a href="".rBuildLink("","".$ausgabe['id'].".".makeMyURL($ausgabe['titel'])."","")."">Mehr lesen</a></p>";


In die main.css das hier einfügen:

PHP-Quelltext

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

#modul #modul_blog .blogeintrag p.blog_mehrlesen {
display: block;
width: 75px;
height: 25px;
background:#F60;
padding-right: 13px;
border: 1px solid #666;
}

#modul #modul_blog .blogeintrag p.blog_mehrlesen a { 
color: #fff;
display: block;
}

#modul #modul_blog .blogeintrag p.blog_mehrlesen a:hover { 
color: #000;
display: block;
}


Und so sieht das dann aus:




Bitteschön.....

8)



Signatur
Mancher lehnt eine gute Idee bloß deshalb ab, weil sie nicht von ihm ist!

Favorite Links
...............................................
SELFHTML
CSS4YOU
CSSMANIA
SELFPHP
Werbung

Ähnliche Themen