Forum

[DePunkt]

hallo,


ich komm mal wieder ohne hilfe nicht weiter.

mein aktueller kunde wünscht sich für seine texte kästen, die umrandet sind (1px), der obere rand ist jedoch breiter (20px). das ist noch nicht so schwer: möchte tinymc verwenden und hab hierfür per css ein hintergrundbild festgelegt.

in dem kasten selber soll sich links ein bild befinden und rechts der text angeordnet sein. das wäre ebenfalls noch nicht so schwierig.

oben, links auf dem breiteren rand aber, soll sich ein kleines icon befinden (so hoch wie der rand), das anklickbar ist und das auf den vollständigen text verweisen soll.
es gibt einige von diesen kästen untereinander.

der kunde muss iconbild sowie text-bild und text selber einbinden können.
er hat null ahnung von html.

wie kann ich hier eigentlich bilder hochladen... zum besseren verständnis sozusagen..

lieben gruß

[darwin]

Hi,
bilder im Formu hochladen geht nich...
du kannst dein Bild auf nen Server legen und hier rein verlinken
mit dem [img]-Tag:

Code: Alles auswählen

"[img]http://www.linkzudeinemserver.de/dein_bild.jpg[/img]"

und, ja... Es würde deine Frage etwas erleichtern zu verstehen


grz. Chris

[DePunkt]

hallo,
ok.... hier also das bild:



also der ramen und der breitere ramen oben müssen bei jedem text, den der kunde auf die homepage (in diesen bereich) setzt, vorhanden sein...also jedes mal wenn er tinymc benutzt. er muss die möglichkeit haben rechts ein bild in dieser größe einzubinden und oben, links auf dem breiten ramen, jeweils, passend zu der art des textes, ein icon (ähnlich wie hier http://www.stern.de/ ).
einfach erst das kleine, dann das große bild einbauen geht nicht. der mensch kann kein bißchen html und die bilder werden ja automatisch in <p></> eingebettet.... heißt es gibt immer einen abstand zwischen denen und der text steht dann ja auch unten drunter und nicht daneben (weil ja auch <p></> )
wäre dankbar für hilfe....


lieben gruß

[Peter.Bickel]

Bilder (Foto und Icon) immer mit einem entsprechenden Bildfeld einbinden und nicht mit diesem Tiny.
Dann solte das kein Problem sein, und Die kannst die Position prima per CSS steuern und die Größe mit image_resize / Image Manager beeinflussen.

[Cheffchen]

jep das schreit ja richtig um ein eigenes Modul zu werden.

1 Dropdown Auswahl für die Icon (also 5 oder 50 Vorgeben)
1 Mediabutton Für das Bild (Ausgabe kann ja dann mit Zoom sein)
1 Textfeld was auch tiny sein kann :O).

Fertig

Mit Tiny alleine wird das schwer das dies immer gleich ist.

Cheffchen

[DePunkt]

hallo,

danke für eure antworten

@Peter.Bickel
meinst du mit ner eigenen div pro bild?
das problem ist, dass ich denn verschachteln und verschachteln muss
und das wollte ich eigentlich, wenns geht, vermeiden.
oder gibts da ein modul was du im sinn hast.
das muss alles idiotensicher sein.. weil user kann, wie gesagt, null html.

@Cheffchen
das hört sich sehr gut an... gernau wie das was ich suche...
wer kann sowas schreiben? eigentlich möchte ich meine (ziemlich geringen) php-kenntnisse gerne aufbessern bzw. überhaupt mal aufarbeiten.
ist sowas schwer? gibts da irgendwo code-schnipsel die mir helfen könnten.

bin jetzt ersmal ca. 1 1/2 wochen abwesend aber werd das thema wieder aufreifen sobald ich wieder da bin?

lieben gruß

[Richard.Laing]

hi DePunkt hi@all

ich habe eben etwas zeit über gehabt

ist das grundmodul inkl. css.
das sollte natürlich an die eigenen bedürfniss angepasst werden

neues modul anlegen:
http://www.rexvideo.de/tutorial-redaxo-einrichtung-installation-tipps/videotutorial-modul-anlegen.html

eingabe:

Code: Alles auswählen

<?php /*?>
REX_VALUE[1] = Headline + REX_VALUE[1] = Titel des Bildes + REX_VALUE[1] = Alt Tag Bild
REX_VALUE[2] = Text
REX_FILE[1]  = Master Bild
REX_FILE[2]  = Bild im Rahmen
REX_LINK[1]  = interner Link
<?php */?>

<strong>Headline</strong>:<br />
<input type="text" name="VALUE[1]" value="REX_VALUE[1]" size="80" class="inp100" />
<br />
<strong>Text:</strong><br/>
<textarea name="VALUE[2]" class="markitup-text" cols="80" rows="10">REX_VALUE[2]</textarea><br />
<strong>Artikelfoto</strong>:<br />
REX_MEDIA_BUTTON[1]
<?php
  $file = "";
  if ("REX_FILE[1]" != "")
  $file = '<img src="'.$REX['HTDOCS_PATH'].'index.php?rex_resize=150w__REX_FILE[1]" title="'."REX_VALUE[1]".'" alt="'."REX_VALUE[1]".'" />';
?>

<strong>ICON BILD</strong>:<br />
REX_MEDIA_BUTTON[2]
<?php
  $file = "";
  if ("REX_FILE[2]" != "")
  $file = '<img src="'.$REX['HTDOCS_PATH'].'/files/REX_FILE[2]" title="'."REX_VALUE[1]".'" alt="'."REX_VALUE[1]".'" />';
?>

<strong>Interner Link zum Artikel:</strong>
<br />REX_LINK_BUTTON[1]
<br />


ausgabe:

Code: Alles auswählen

<div class="text_box">
<a style="background-image:url(files/REX_FILE[2]); background-repeat:no-repeat;" class="tb_headline" href="REX_LINK[1]" title="REX_VALUE[1]">&nbsp;<span>REX_VALUE[1]</span></a>
<div class="tb_img"><img src="index.php?rex_resize=150w__REX_FILE[1]" alt="weiter" /></div>
<div class="tb_text"><p><strong>REX_VALUE[1]</strong>REX_VALUE[2]</p></div>
<div class="clear"></div>
</div>

CSS:

Code: Alles auswählen

<style type="text/css">
<!--

.text_box
{
   display: block;
   margin: 10px auto;
   width: 700px;
}

.text_box .tb_headline
{
   display: block;
   background: #CCCCCC;
   background-position:5px;
   background-repeat:no-repeat;
   padding: 5px 5px 5px 35px;
   color: #000000;
   text-decoration: none;
   height: 25px;
}

.text_box .tb_headline span
{
   position: absolute;
   left: -5000px;
   top: -5000px;
}

.text_box .tb_img
{
   margin: 5px;
   padding: 5px;
   float: left;
   width: 150px;
   display: block;
}

.text_box .tb_text
{
   float: left;
   width: 510px;
   margin-left: 10px;
}

.text_box .tb_text strong
{
   display: block;
   margin-bottom: 5px;
}

.text_box .clear
{
   display: block;
   clear: left;
   height: 0px;
}
-->
</style>

fertig ist die maus
evtl. sicherheitsabfragen einbauen etc.
gruß und viel spass damit richy

[DePunkt]

hallo,

bin ausm urlaub zurück....

@Richard.Laing

wow!!! vielen tausend dank hey, dass du dir die mühe gemacht hast...!
habs auch schon eingebaut und etwas angepasst und es schein sehr gut zu funktionieren...

dankedankedanke


lieben gruß