:: ClanSphere :: Free OpenSource Clan CMS :: - Forum - News Bilderrahmen/Link zum Originalbild

Antworten: 11

Seite [1]

LoNE|Hitman

King for a day

Beiträge: 376

# Thema - 27.01.2011 um 14:56 Uhr

Ich habe zwei kleine Wünsche.
Zum eine wüsste ich gerne, ob es technisch mglich ist, im Modul News, einen Code einzufügen, der alle Bilder, die im Newstext via

eingefügt werden durch eine Konstruktion zu ersetzen, die um das Bild einen Rahmen legt, damit es wie ein Polaroid-Foto aussieht. Also so ein weißer Rahmen mit einem kleinen Schlagschatten. Es müsste ja quasi ein Tabellenkonstrukt sein dass in etwa so aussieht, oder?

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

1. / 2. / ...

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" valign="top"><img src="Layout/Bilder/[IMG]-Tag-Rahmen_oben_links.jpg" width="20" height="20" /></td>
    <td align="left" valign="top" background="Layout/Bilder/[IMG]-Tag-Rahmen_oben_mitte.jpg" style="background-repeat:repeat-x;" height="20px"> </td>
    <td align="left" valign="top"><img src="Layout/Bilder/[IMG]-Tag-Rahmen_oben_rechts.jpg" width="20" height="20" /></td>
  </tr>
  <tr>
    <td align="left" valign="top" background="Layout/Bilder/[IMG]-Tag-Rahmen_mitte_links.jpg" style="background-repeat:repeat-y;" width="20"> </td>
    <td align="left" valign="top">Hier muss das [IMG]-Tag eingefügt werden!</td>
    <td align="left" valign="top" background="Layout/Bilder/[IMG]-Tag-Rahmen_mitte_rechts.jpg" style="background-repeat:repeat-y;" width="20"> </td>
  </tr>
  <tr>
    <td align="left" valign="top"><img src="Layout/Bilder/[IMG]-Tag-Rahmen_unten_links.jpg" width="20" height="20" /></td>
    <td align="left" valign="top" background="Layout/Bilder/[IMG]-Tag-Rahmen_unten_mitte.jpg" style="background-repeat:repeat-x;" height="20px"> </td>
    <td align="left" valign="top"><img src="Layout/Bilder/[IMG]-Tag-Rahmen_unten_rechts.jpg" width="20" height="20" /></td>
  </tr>
</table>

Zum anderen wüsste ich gerne, ob es möglich ist, das Bild, das aktuell ja über einen Eintrag in der .css Datei resized wird (max-width:500px

, mit einem Link zu versehen, der dann da Bild in Originalgröße aufruft.

Ich bin mal gespannt. Danke schon mal im voraus

------------------

"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"

System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Inaktiv

sgraewe

Supporter

Beiträge: 6116

# Antwort: 1 - 27.01.2011 um 15:00 Uhr

Das mit dem Bilderrahmen kannste per css lösen,
einfach den news ne class geben und diese dann in der css bearbeiten z.b.
.newseintrag img { background: url(hintergrund.jpg); padding: xxpx;}

Inaktiv

LoNE|Hitman
Thread-Ersteller

King for a day

Beiträge: 376

# Antwort: 2 - 27.01.2011 um 15:18 Uhr

Geht das wirklich so einfach? Ich brauche doch nicht einfach einen festen Hintergrund, sondern der Rahmen soll sich flexibel an die Bildgröße anpassen. Da ist es doch mit einer Klasse alleine nicht getan, oder?

------------------

"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"

System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Inaktiv

sgraewe

Supporter

Beiträge: 6116

# Antwort: 3 - 27.01.2011 um 16:17 Uhr

Wie soll der Rahmen den genau aussehen?

Inaktiv

LoNE|Hitman
Thread-Ersteller

King for a day

Beiträge: 376

# Antwort: 4 - 27.01.2011 um 17:07 Uhr

na ungefähr so:

------------------

"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"

System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Inaktiv

sgraewe

Supporter

Beiträge: 6116

# Antwort: 5 - 27.01.2011 um 17:40 Uhr

bitte sehr, klappt überall ausser im ie aber najaa....

img.class {
background-color: #FFF;
padding: 15px;

box-shadow: -2px -1px 2px rgba(0, 0, 0, 0.1), 4px 4px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: -2px -1px 2px rgba(0, 0, 0, 0.1), 4px 4px 10px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: -2px -1px 2px rgba(0, 0, 0, 0.1), 4px 4px 10px rgba(0, 0, 0, 0.15);
}

Inaktiv

LoNE|Hitman
Thread-Ersteller

King for a day

Beiträge: 376

# Antwort: 6 - 27.01.2011 um 19:27 Uhr

Krass du bist ja genial. Dass der IE das nicht macht liegt wohl daran, dass der mit den Schatten nicht klarkommt, oder? Aber wer den IE benutzt ist selber Schuld.
Danke werd das gleich mal ausprobieren...

------------------

"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"

System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Inaktiv

sgraewe

Supporter

Beiträge: 6116

# Antwort: 7 - 27.01.2011 um 19:31 Uhr

Jop richtig, der IE kann kein css3, der kann ja nicht mal css 2.1 xD

Inaktiv

LoNE|Hitman
Thread-Ersteller

King for a day

Beiträge: 376

# Antwort: 8 - 27.01.2011 um 19:41 Uhr

So habe jetzt folgendes Problem. Ich habe ja für den resize schon eine img Klasse angelegt und da hinein nun deinen Code gepackt. Klappt auch wunderbar... nur dass er den Rahmen jetzt um jedes Bild auf der Page zieht. Also Smilies, Page-BG, Buttons usw. Wie muss ich den Code einbinden, damit er auschließlich die Bilder innerhalb der News ändert?

------------------

"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"

System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Inaktiv

sgraewe

Supporter

Beiträge: 6116

# Antwort: 9 - 27.01.2011 um 19:55 Uhr

wie gesagt, öffne mal die themes/base/news/recent.tpl & view.tpl

und geb der news mal ne class z.b. newseintrag oder so

und dann musste das halt in der .css, ".neweintrag img {" nennen.

Inaktiv

LoNE|Hitman
Thread-Ersteller

King for a day

Beiträge: 376

# Antwort: 10 - 27.01.2011 um 20:00 Uhr

Ah jo ok alles klar. Könntest du mir dann noch kurz erklären was ich mit den ganzen Zahlen und Px Angaben in deinem Code so einstellen kann? ;-)
Ich meine Padding und so sind klar, aber das hier alles?
box-shadow: -2px -1px 2px rgba(0, 0, 0, 0.1), 4px 4px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: -2px -1px 2px rgba(0, 0, 0, 0.1), 4px 4px 10px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: -2px -1px 2px rgba(0, 0, 0, 0.1), 4px 4px 10px rgba(0, 0, 0, 0.15);

Womit ändere ich Schattendicke, Stärke und das alles?

Und hast du ne Idee bezüglich meines zweiten Wunsches?

------------------

"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"

System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Inaktiv

sgraewe

Supporter

Beiträge: 6116

# Antwort: 11 - 27.01.2011 um 20:34 Uhr

Das sind 2 schatten
bis zum komma ist oben und links
nachdem komma ist rechts und unten

die 3te zahl bestimmt die dicke
die rgba zahl wie sichtbar der schatten ist, also opa.
die ersten 2 zahlen immer die position, einfach mal rumprobieren

ne beim 2ten wunsch weis ich grade nich

Inaktiv

Antworten: 11

Seite [1]

Sie müssen sich registrieren, um zu antworten.

Forum - Thema
Nächstes Thema ->
Forum -> ClanSphere -> Wünsche & Vorschläge -> News Bilderrahmen/Link zum Originalbild