Posts: 20
Threads: 2
Joined: Jul 2012
Hallo GetSimple Forum,
wie kann ich verschiedene Grafiken(Bilder) in meine Webseite einbinden?
Als Theme benutze ich "Holford" das auch für die Seite " http://www.overstowey.com/"benutz wird.
Wenn ich auf ein Menue-Botton klicke erscheint stets ein anderes Bild.
Weiss jemand hier vielleicht wo und was ich verändern muß?
Mit freundlichem Gruß
earlybird
GS 3.1.2
Theme "The Holford Theme"
Plugins:
Anonymous Data
I18N Base
I18N Common
I18N Gallery
I18N Navigation
I18N Search
p01-contact
Online Visitors Counter
Posts: 2,928
Threads: 195
Joined: Feb 2011
Hallo!
Der frühe Vogel fängt vielleicht den Wurm, drückt sich aber nicht klar genug aus ;=)
was meinst du denn? Wo willst du die Bilder auf der Seite einbinden?
Im Inhaltsbereich? Bilder hochladen und dann im Editor der Seite auf das Bild-Icon klicken und Bild auswählen
Im "Header-Bereich" über dem Menü? Soll da zu jedem Menüpunkt ein festes Bild zugeordnet sein?
Oder sollen da Bilder sich abwechseln?
Bitte sag uns genauer, was du vorhast, dann können wir schauen, wie das umgesetzt werden kann
Gruss, Connie
Posts: 20
Threads: 2
Joined: Jul 2012
Hallo Connie,
erstmal herzlichen Dank für die schnelle Antwort!!
Die Bilder sollen Im "Header-Bereich" über dem Menü erscheinen.
"Soll da zu jedem Menüpunkt ein festes Bild zugeordnet sein?
Oder sollen da Bilder sich abwechseln?"
Gern würde ich beides ein mal ausprobieren. Aber für den Anfang würde mir eine
Methode genügen.
Zur Zeit benutze ich 5 Menuepunkte.
Mit freundlichem Gruß
earlybird
Posts: 2,928
Threads: 195
Joined: Feb 2011
Moin ;=)
also wenn du im Header abwechselnde Bilder haben möchtest, dann ist das recht einfach:
1) install dir das Plugin i18NGallery, http://get-simple.info/extend/plugin/i18n-gallery/160/
2) leg eine Galerie an mit den Bildern, die da angezeigt werden sollen. Es gibt bei dem Plugin verschiedene Arten Galerien, du kannst dir aussuchen, wie du den Wechsel der Bilder haben möchtest (z.B. ein Slider)
3) wenn du das vorbereitet hast, siehst du in der Übersicht der Galerien den Code, der eingebettet werden muss.
Dann suchst du im Template die Stelle, wo jetzt das feste Bild eingebunden ist und baust stattdessen dort den Aufruf der Galerie ein
Wie du Templates bearbeiten kannst, siehst du auf unserer deutschsprachigen Seite beschrieben:
http://www.get-simple.de/erweiterungen/t...earbeiten/
Gruss, Connie
Posts: 20
Threads: 2
Joined: Jul 2012
Hallo Connie,
danke für die Behmühungen und Informationen!
Leider wird die Galerie nicht angezeigt! Sie ist vorhanden aber mit dem angezeigten Link wird sie nicht
im Head angezeigt!
So sieht der original style.css aus mit (images/headimg02.jpg):
#header {position:relative;height:280px;background:url (images/headimg02.jpg);background-repeat:no-repeat;background-position:50% 55%;}
/*#homepage #header {position:relative;height:415px;}*/
hier die mit eingefügter Passage (% gallery name=grafiken-header %) :
[ #header {position:relative;height:280px;background:url (% gallery name=grafiken-header %);background-repeat:no-repeat;background-position:50% 55%;}
/*#homepage #header {position:relative;height:415px;}*/]
Auf der Gallery-Seite funktioniert das öffen der Galerie grafiken-header so:
" http://-----.de/cms//data/uploads/grafiken-header"
Was muss ich ins template eintragen?
Viele Grüße
earlybird
Posts: 2,928
Threads: 195
Joined: Feb 2011
du kannst doch eine Galerie nicht im CSS eintragen, das geht schon gar nicht.
Also auf die Schnelle: nimm die Background-Definition bei #header raus, das ist das alte Bild, dort hast du die Galerie eingebunden, aber das geht nicht.
Dann schau, ob der Header in der template.php steht
dort trag dann den Galerie-Aufruf ein.
das auf die Schnelle, ich habe keine Zeit, mir das Them anzuschauen, habe 8 Eimer Holunderbeeren zu bearbeiten ;=)
Posts: 2,928
Threads: 195
Joined: Feb 2011
also:
im CSS steht:
Code: #header {position:relative;height:280px;background:url(images/headimg02.jpg);background-repeat:no-repeat;background-position:50% 55%;}
/*#homepage #header {position:relative;height:415px;}*/
#header #nav {position:absolute;top:246px;left:0;list-style:none;line-height: 28px;height: 28px;padding: 5px 0px 0px 0px;}
Das bedeutet:
der Headerbereich ist 280px hoch
das Headerbild ist 704 x 200 Pixel gross
du kannst also die Galerie mit Bildern bestücken, die diese Größe haben, ansonsten müsstest du die CSS-Definition für den Headerbereich ändern
"background:url(images/headimg02.jpg);background-repeat:no-repeat;background-position:50% 55%;" muss raus aus der Definition
dann im template.php:
hier steht:
Code: <div id="header">
<ul id="nav">
<?php get_navigation(return_page_slug()); ?>
</ul>
</div>
und so solls werden:
Code: <div id="header">
(% gallery name=grafiken-header %)
<ul id="nav">
<?php get_navigation(return_page_slug()); ?>
</ul>
</div>
Den Rest musst du aber selbst machen, nur so lernt man
und nur so haben wir alle auch gelernt ;=)
Gruss, Connie
Posts: 20
Threads: 2
Joined: Jul 2012
Hallo Connie, HalloForum,
habe die Einträge wie zuvor beschrieben geändert.
Leider erscheint im Kopf nur
(% gallery name=grafiken-header %)
Bei der Bildgröße bin ich vom Original (jpg) ausgegangen 740*200.
Die Bilder in der Galerie sind auch prov. auf diese Größe(740*200) gestellt. als Typ ist "fancybox" eingestellt.
Kann die fehlende Ausgabe am Größen Format liegen?
Als Anlage habe ich ein screenshot mit beiden Versionen beigelegt.
Für die Hilfe erst einmal "herzlichen" Dank !!!!
Mit freundlichem Gruß
earlybird
Posts: 2,928
Threads: 195
Joined: Feb 2011
hast du mal auf der Webseite von mvlaced geschaut, wie eine Galerie im Template eingebunden werden soll?
Vielleicht unterscheidet sich das ein wenig vom Einbinden in eine Seite
schau mal auf der Seite nach, da findest du viele Beispiele
der Link zur Seite ist beim Gallery-Plugin im EXTEND zu finden
Gruss, Connie
Posts: 20
Threads: 2
Joined: Jul 2012
Hallo Connie, HalloForum,
habe jetzt mittels " <?php get_i18n_gallery('grafiken-header'); ?>" in der template.php
die Galerie (Type=cicle) eingebunden.
Sieht etwas bescheiden aus und ich muss mit Button weiter klicken.
Auf der Seite " http://jquery.malsup.com/cycle/" habe ich viele Slide-Möglichkeiten gesehen.
Leider keine die für mich in Frage kommt.
Wie kann ich zu jedem Menüpunkt ein festes Bild zuordnen?
"herzlichen" Dank für Deine/Eure Bemühungen!
Mit freundlichem Gruß
earlybird
ps
warum kann ich mit " http://mvlcek.bplaced.net/get-simple/i18...setlang=de" die Website nur engl. sehen?
Posts: 2,928
Threads: 195
Joined: Feb 2011
earlybird Wrote:warum kann ich mit "http://mvlcek.bplaced.net/get-simple/i18...setlang=de" die Website nur engl. sehen?
weil nicht alle Seiten mehrsprachig vorhanden sind ;=)
wenn du von Anfang an durchliest, steht irgendwo "ab hier nur auf englisch weiter"...
ich hab leider im Moment keine Zeit für deine Galerie, ich hab 5 Eimer Holunder stehen und der muß verarbeitet werden
Gruss, Connie
Posts: 20
Threads: 2
Joined: Jul 2012
Hallo Connie,
macht nichts!
Danke für die "geopferte" Zeit :-)
Mit freundlichem Gruß
earlybird
Posts: 1,127
Threads: 136
Joined: Feb 2012
earlybird Wrote:Hallo Connie,
macht nichts!
Danke für die "geopferte" Zeit :-)
Mit freundlichem Gruß
earlybird
Excuse me writing in English. When I used the theme for http://overstowey.com I used a free script for selecting random images for the header. It is very simple to use but seems to be behave differently with different browsers, not always changing the image for a new page, but normally only on each visit or reload.
I should have credited the source, thanks for the reminder:
http://www.phpjunkyard.com/random-image.php
If I could get it to perform consistently I might include it in the theme.
Posts: 20
Threads: 2
Joined: Jul 2012
Hello Timbow,
thanks for your help ![Smile Smile](http://get-simple.info/forums/images/smilies/smile.gif) (and the super "Theme")
Just trying to put the tips.
Sorry for the language translation, comes from Google.
Success will certainly call again.
Greetings
earlybird
Hallo Timbow,
danke für deine Hilfe ![Smile Smile](http://get-simple.info/forums/images/smilies/smile.gif) (und das super "Theme")
Versuche gerade die Tips umzusetzen.
Entschuldigung für die Überstzung kommt aus Google.
Werde mich bei Erfolg noch einmal melden.
Viele Grüße
earlybird
Posts: 20
Threads: 2
Joined: Jul 2012
Hello Timbow,
Hello Forum,
thank you! This is exactly chosen as :-)
But for me, the graphics are displayed too high. (see *. jpg)
So that you can see the original (headimg.jpg) yet.
I have included this code here
<div id="header">
<img src="http://www.my-home/theme/Holford/randim/randim.php" />
Where can I change the settings?
Sorry for the language translation, comes from Google.
Greetings
earlybird
Hallo Timbow,
Hallo Forum,
danke! Das ist genau wie ausgesucht :-)
Aber bei mir werden die Grafiken noch zu hoch eingeblendet. (siehe *.jpg)
So das das Original (headimg.jpg) noch zu sehen ist.
Diesen Code habe ich hier eingebunden
<div id="header">
<img src="http://www.my-home/theme/Holford/randim/randim.php" />
Wo kann ich die Einstellungen ändern?
Entschuldigung für die Überstzung kommt aus Google.
Viele Grüße
earlybird
Posts: 1,127
Threads: 136
Joined: Feb 2012
Hi earlybird,
Sorry I did not see you had returned here.
The header image is the background image for the div #header. If you wish to use the randim script I set it up like this:
In theme/holford include randim.php
In theme/holford/images include your random images 001.jpg, 002.jpg, 003.jpg....
In theme/holford edit the file style.css so that line 33 was
#header {position:relative;height:280px;background:url(images/headimg.jpg);background-repeat:no-repeat;background-position:50% 55%;}
is now
#header {position:relative;height:280px;background:url(randim.php);background-repeat:no-repeat;background-position:50% 55%;}
That is it. Easy! (I hope it works for you).
There is nothing in the code to make your images the right size, so you must do that yourself with gimp or something. Now let us make nonsense with a translator.
Hallo Earlybird,
Leider habe ich nicht gesehen, dass Sie hier zurückgekehrt war.
Das Headerbild ist das Hintergrundbild für das Div hatten. Wenn das gewünschte Skript Randim eingerichtet ich es wie folgt:
Gehören Sie in Thema/Holford randim.php
Enthalten Sie im Thema/Holford/Images Ihre Zufalls-Bilder-001.jpg, 002.jpg, 003.jpg....
Bearbeiten Sie in Thema/Holford die Datei style.css so dass Zeile 33
hatten {Stellung: Relative; Höhe: 280px; Hintergrund: Url (images/headimg.jpg) Hintergrund-Wiederholung: No-wiederholen; Hintergrund-Standpunkt: 50 % 55 %;}
ist jetzt
hatten {Stellung: Relative; Höhe: 280px; Hintergrund: Url (randim.php) Hintergrund-Wiederholung: No-wiederholen; Hintergrund-Standpunkt: 50 % 55 %;}
Das ist es. Einfach! (Ich hoffe, es funktioniert für Sie).
Es gibt nichts in den Code Ihrer Bilder die richtige Größe, machen, so dass Sie selbst mit Gimp oder etwas tun müssen. Nun lassen Sie uns machen Sie Unsinn mit einem Übersetzer.
Posts: 20
Threads: 2
Joined: Jul 2012
Hello Timbow,
Hi all,
"heartfelt" thank you for your help.
The page header now looks as desired! :-) ;-) :-)
Many grateful greetings
earlybird
ps
Hi Connie,
this problem is solved! :-)
Can you / I mention this?
Greetings
earlybird
Hallo Timbow,
Hallo Forum,
"herzlichen"Dank!für deine Hilfe.
Der Seitenkopf sieht jetzt wie gewünscht aus!! :-) ;-) :-)
Viele dankbare Grüße
earlybird
ps
Hallo Connie,
dieses Problem ist gelöst!!! :-)
Kann man/ich dies vermerken?
Viele Grüße
earlybird
Posts: 1,127
Threads: 136
Joined: Feb 2012
earlybird Wrote:Hallo Timbow,
Hallo Forum,
"herzlichen"Dank!für deine Hilfe.
Der Seitenkopf sieht jetzt wie gewünscht aus!! :-) ;-) :-)
Viele dankbare Grüße
Sie sind herzlich eingeladen.
Können wir sehen, Ihre Website?
Posts: 20
Threads: 2
Joined: Jul 2012
Hello Timbow,
the page is not ready yet! Once this page goes live I will here in the forum under "Sites Using GetSimple" pose.
I'll let you get a special message!
Thanks again for the help :-)
Greetings
earlybird
Hallo Timbow,
die Seite ist noch nicht fertig! Sobald diese Seite online geht werde ich Sie hier im Forum unter "Sites Using GetSimple" darstellen. Ihnen werde ich eine gesonderte Nachricht zukommen lassen!!
Nochmal vielen Dank für die Hilfe :-)
Viele Grüße
earlybird
|