style ist zu klein für große Bilder

[Ubunti]

Also ich benutze Simplered http://demo.phpbb3styles.net/SimpleRed

Das Problem ist, dass ein Mitglied via Link ein Bild gepostet hat.
Dieses Bild ist etwas größer als die eingestellte Breite im Forum, so dass dieses Bild an der rechten Seite beschnitten wird, bzw ein Teil von der rechten Seite fehlt.

Was wäre da die optimalste Lösung?
Gibts eine Option, wo ich einstellen kann, dass Bilder, die via LInk und nicht Dateianhang eingefügt werden, automatisch verkleinert werden, wenn sie die eingestellte Forenbreite überschreiten?

[Schattentraum]

Huhu ,

ich hatte mal das air_box_auto_image_resizer_RC_01 verbaut das war perfekt für mein altes kleines style.
Falls du das auf .cam nit findest lad ichs dir mal hoch , habs noch hier.

Grueße!

[Ubunti]

Huhu ,

ich hatte mal das air_box_auto_image_resizer_RC_01 verbaut das war perfekt für mein altes kleines style.
Falls du das auf .cam nit findest lad ichs dir mal hoch , habs noch hier.

Grueße!

thx!

Nur um nochmal sicher zu gehen, ob ich dich richtig verstanden habe.
Du meinst also, für Bilder die verlinkt wurden und nicht für Dateianhänge?

by the way, wie stelle ich "auto" funktion ein, also dass die feste breite weg ist, würde das gerne mal testen

[Schattentraum]

Moin ,

Nur um nochmal sicher zu gehen, ob ich dich richtig verstanden habe.
Du meinst also, für Bilder die verlinkt wurden und nicht für Dateianhänge?

sowohl als auch, alles was an Bildern gepostet wird im Beitrag

kleiner Auszug aus der Installanleitung ^^

Code: Alles auswählen

SET WIDTH:

To set image sizes, open styles/prosilver/template/airbox.js
 at line 21:              if (pic.width > 640)
 
 change 640 to desired number of pixel for minimum width of images to be resized. 
In this case images that are less than 640px wide won't be resized, 
images that are more than 640px wide will be resized to the value you can assign at line 14.(See below). 
Adjust it for your layout width.
 
 at line 23:               pic.setAttribute('width','640')
 
 change 640 to desired number of pixel for width of resized images.
 Adjust it for your layout width.
 
 
ATTACHMENTS and SIGNATURES:
IMPORTANT !!!  NOTE-->If don't do this changes  you have to delete attachments and reupload it after the change.

Go into admin panel-->posting-->attachment settings : 
'create thumbnail' must be set to  "NO".  
'Maximum image dimensions' and 'Image link dimensions' must be set to 0x0 

and in -->General-->Signature Settings
make sure Maximum signature image width / heigth are set both to 0px. 

Slideshow ist damit uch möglich.
Ist auch schnell ein und ausgebaut 4 Datein zu bearbeiten) .

by the way, wie stelle ich "auto" funktion ein, also dass die feste breite weg ist, würde das gerne mal testen

Die feste breite vom Style? Da kann ich dir leider net helfen sry


Grueße!

[Ubunti]

ok!

Und funktioniert dieser Mod auch einwandfrei, oder gabs da mal Fehler?

[franki]

Die feste breite vom Style? Da kann ich dir leider net helfen sry

Öffne die
styles/Simplered/theme/colours.css
suche

Code: Alles auswählen

.round {
    background-color: #ffffff;   /*definiert die hintergrundfarbe des divs*/
    width: 880px; /* hier definierst du die breite des forums*/

ändere das width: 880px; in width: 95%;

[Schattentraum]

ok!

Und funktioniert dieser Mod auch einwandfrei, oder gabs da mal Fehler?

Huhu ,

also bei mir konnte ich da nichts entdecken was Fehler betraf.

Grueße!

[Ubunti]

uppp!

In der Hoffnung, dass jemand weiß, wie ich meinen Style auf auto einstelle

[Talk19zehn]

Sorry Ubunti, in der Eile hatte ich bei mir den falschen Test-Style geändert. Die gemachten Angaben stimmen nicht für Deinen Style. Ich habe mich leider vertan, als ich meinen Test ausführte und es erst jetzt ( 03.04.2010 um 18:40 ) bemerkt. Meine Antwort sollte ich daher besser löschen oder als Zitat einfügen (?), um keine Verwirrung zu stiften. Ich bitte Dich und die Administratoren, mein Versehen zu entschuldigen.

Trotzdem beste Grüße

Ich schrieb:

Hallo Ubunti,

probiere es wie folgt:

In der overall_header.html
füge nach

Code: Alles auswählen

  
</head>

ein: Prozentualen Wert und Abstand bitte anpassen

Code: Alles auswählen

 <div style="width:84%; margin: 2px auto;">

In der overall.footer_html vor dem Seitenende (< / body > ) ..DIV.. bitte wieder schließen.
Nun sollte so aussehen:

Code: Alles auswählen

</div><!--Ende 84%-->

</body>

Theme / common.css

Code: Alles auswählen

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #828282;
	background-color: #f3f3f3;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 12px 0;
}

ändere auf: margin: 0 auto;


und

Code: Alles auswählen

/* Main blocks
---------------------------------------- */
#wrap {
	padding: 0 20px;
	min-width: 650px;
}

ändere min-width auf: width: 100%;
und ergänze um: margin: 0 auto;




Ich hoffe, dies sollte bei Dir, wie bei mir (Prosilver), gehen.

Mein Fehler: Tut mir leid!!!




PS.: 03.04.2010 19:15
....... die Angaben

<div class="round">

solltest Du bearbeiten.

Zumindest habe ich das gerade im "richtigen Style" ansatzweise getan (auskommentiert) und die Breite läßt sich zumindest prozentual (gemäß Zitat) realisieren.

Beste Grüße

[Ubunti]

danke