News - Features - Downloads - Forum - Team - Support - Switch View: Screen
Login - Registrierung - Passwort vergessen

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 ClanSphere Team

Supporter
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 ClanSphere Team

Supporter
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 ClanSphere Team

Supporter
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 ClanSphere Team

Supporter
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 ClanSphere Team

Supporter
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 ClanSphere Team

Supporter
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.


ClanSphere Project - Mailus - Imprint - Disclaimer - Scriptinfo