HTML Hife!!!

  • Seite 1 von 3
28.04.2013 00:14
avatar  Secrets
#1 HTML Hife!!!
Se
Mitglied

Hey ihr lieben! :)
Ich hätte da Mal eine Frage!
Unzwar kann mir vielleicht jemand helfen, den das wäre mit sehr wichtig :)

Wie kann man den einen Rahmen über ein "Gif" machen?




Sodass es so aussieht?
Ich glaube das müsste man mit einem Html machen :S
Kann mir jemand helfen??

LG


 Antworten

 Beitrag melden
28.04.2013 22:19 (zuletzt bearbeitet: 28.04.2013 22:20)
#2 RE: HTML Hife!!!
avatar
Mitglied

Ich denke nicht, dass man dafür HTML braucht. Du braucht einfach nur ein Bildbearbeitungsprogramm auf Deinem PC. Z.B. Photoscape. Da kannst Du alle Fotos bearbeiten und auch einrahmen und die dann in Dein Forum einbauen.

Lieb Gruß

www.depriforum.com (Business-Tamplate - unverändert)

 Antworten

 Beitrag melden
28.04.2013 22:21
avatar  Olaf
#3 RE: HTML Hife!!!
Ol
Mitglied

Frau Google spuckt unendliche Anleitungen von Rahmen für Bilder aus.
Für die Anzeige von runden Ecken gibt es mehrere Lösungen.Hier habe ich mal eine mit Schattenschlag für modere Browser geschrieben,die mit CSS3 "umgehen" können und die Deinen Wunsch sehr nahe kommt:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<style type="text/css">
.rahmen {
background-color:#ffffff;
padding:2px;
-moz-border-radius: 15px;
-moz-box-shadow: 10px 10px 15px #000;
-webkit-border-radius: 15px;
-webkit-box-shadow: 10px 10px 15px #000;
-khtml-border-radius: 15px;
border-radius: 15px;
box-shadow: 10px 10px 15px #000;
border: 3px solid gray;
}
</style>
 
<img class="rahmen" src="https://files.homepagemodules.de/b214495/bhnetfiles-k8v1-15-d645.jpg">
 


Das Ergebniss von diesem Code kannst Du Dir in meinem Testforum (http://138600.homepagemodules.de/) ganz unten ansehen.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
29.04.2013 13:19 (zuletzt bearbeitet: 29.04.2013 13:22)
avatar  Secrets
#4 RE: HTML Hife!!!
Se
Mitglied

Heyy, danke an euch beiden erstmal!!
Also ich möchte damit keine bilder bearbeiten, das soll ein Rahmen um ein Gif sein und da es für ein Forum ist, ist es nicht so praktisch das am PC zumachen!

@olaf! Danke dir, ich weiß das man dafür ein HTML braucht, das ist ja nicht mein Problem :)
Mein Problem ist es das ich NUR einen Rahmen brauche, was man anklichen kann und das dann um einen Gif ist... und wo kann man dies einfach einspeichern im Admin bereich? Also nichts für eine Kopf oder fußzeile, sondern für ein profil


LG


 Antworten

 Beitrag melden
29.04.2013 13:48
#5 RE: HTML Hife!!!
avatar
Maid

Zitat von Secrets im Beitrag #4
Heyy, danke an euch beiden erstmal!!
Also ich möchte damit keine bilder bearbeiten, das soll ein Rahmen um ein Gif sein und da es für ein Forum ist, ist es nicht so praktisch das am PC zumachen!
@olaf! Danke dir, ich weiß das man dafür ein HTML braucht, das ist ja nicht mein Problem :)
Mein Problem ist es das ich NUR einen Rahmen brauche, was man anklichen kann und das dann um einen Gif ist... und wo kann man dies einfach einspeichern im Admin bereich? Also nichts für eine Kopf oder fußzeile, sondern für ein profil
LG


Ich versteh diese Aussage nicht so ganz.

Geht es Dir um Bilder im Forum (Deko für Beiträge oder Kopfzeilen) oder ein Bild für den Avatar (Profilbild)?

So oder so, warum wäre es ein Problem, das Ganze am PC zu machen? Bzw. was spricht dagegen? Es geht doch um Bilder, die Du im Forum (Avatare) oder bei "Bilderhochladen" (hauseigener Bilderservice) nutzt? Oder meinst Du Bilder, die "irgendwo im Netz" sind, deren Links Du nur nutzt und trotzdem geändert haben willst. Unabhängig von den rechtlichen Sachen, die Du in allen Fällen beachten musst, wäre doch Olafs Lösung in etwa das, was Du brauchst, wenn Du nicht "pro Bild" am PC arbeiten möchtest (alternativ bei einem der unzähligen Online-Dienste, die sowas anbieten).

www.rabendolch.com

...ich nutze den Chat hier nicht, bitte berücksichtigen...

 Antworten

 Beitrag melden
29.04.2013 13:56
avatar  Secrets
#6 RE: HTML Hife!!!
Se
Mitglied

Also ich denke wir verstehen uns leide rnicht ganz grad ><
ich versuche es mal besser zu erklären!

Wir sind ein RPG wo wir profile erstellen, wir brauchen diesen rahmen nicht dafür um unser forum schöner zu machen mit dem style in der fußzeile oder für den Header, sondern einfach nur das so eine option bei "profil bearbeiten" da ist um bei einem GIF einen rahmen zu machen... und wir wissen auch das wir einen HTML dafür brauchen, aber wenn wir brauchen eines was nur aus einem Rahmen besteht, das wenn wir das anklichen im Profil um unser bild ein Rahmen erscheint....

Wir sind über 100 user, das wollten wir einfach als option bei Profil bearbeiten haben und nicht das es jeder bei photoshop oder so machen kann, schliesslich wollen wir das nicht um fotos haben sondern um gifs!

Ich hoffe das ist verständlicher, falls nicht ist es auch okey, dann lassen wir das <3


 Antworten

 Beitrag melden
29.04.2013 14:12
#7 RE: HTML Hife!!!
avatar
Maid

Ehm... gifs sind, wenn man es genau nimmt, auch nur ein Bildformat, so wie tiff, jpg, png,... Es sind alles Bilder (Fotos sind auch nur Bilder).

Ich denke schon, dass es u.U. eine Möglichkeit gibt, ausschliesslich um das Profilbild (um das es Dir ja augenscheinlich geht), also den Avatar, einen Rahmen zu machen, aber das dürfte kaum ohne einen Templateeingriff gehen. Aber Template-Eingriffe sollte man nur angehen, wenn man in den Bereichen html und css fit ist, wobei Du ja selbst sagst, dass Du das nicht bist.

Die Frage ist hier zum Beispiel auch, ob es sich um ein einfaches Gif handelt (bestimmtes Format) oder ein animated Gif (bewegtes Bild).

www.rabendolch.com

...ich nutze den Chat hier nicht, bitte berücksichtigen...

 Antworten

 Beitrag melden
29.04.2013 14:21 (zuletzt bearbeitet: 29.04.2013 14:21)
avatar  Secrets
#8 RE: HTML Hife!!!
Se
Mitglied

Ja damit meine ich gifs bzw bewegtes bild... also animated ... und mir geht es nicht um das profilbild... sondern um ein bild IM Profil... hier ein beispiel:



also nicht die rote stelle sondern das blaue unten eher...

ich weiß nicht wie ich da ssonst erklären kann :S sorry


 Antworten

 Beitrag melden
29.04.2013 14:29
#9 RE: HTML Hife!!!
avatar
Maid

Hm... das wird technisch aufwendiger. Animierte Gifs sind keine "normalen" Bilder, sondern Bilder, die aus mehreren Bildern bestehen, die nacheinander abgespielt werden. Fast wie ein kleiner Film. Die Rahmen, Hintergründe etc., die diese Bilder haben, werden normalerweise schon bei der Erstellung in den Einzelbildern hinterlegt.

www.rabendolch.com

...ich nutze den Chat hier nicht, bitte berücksichtigen...

 Antworten

 Beitrag melden
29.04.2013 14:33
avatar  Secrets
#10 RE: HTML Hife!!!
Se
Mitglied

Ich weiß das gifs so sind :/ hmm okay, trotzdem danke!


 Antworten

 Beitrag melden
29.04.2013 16:43
avatar  Olaf
#11 RE: HTML Hife!!!
Ol
Mitglied

Natürlich lassen sich animierte wie normale Gif's mit einen Rahmen belegen (siehe mein Testforum).
Ich steige,wie scheinbar Rabendolch auch, nur noch nicht ganz durch,wo Du in "Profil bearbeiten" eine "Rahmen Funktion" brauchst?
Ich nehme mal an,das Du solch eine Funktion in der Iconbar haben möchtest,wo Du nur auf einen Button klickst und schon ist ein Rahmen um ein eingesetztes Bild.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
30.04.2013 22:32
avatar  Secrets
#12 RE: HTML Hife!!!
Se
Mitglied

ahhhh omg jaa!!! In der Icon Bar worauf man klicht und ein rahmen erscheint, das ist es :S
Ich hab nur null ahnung wie das geht Olaf :/


 Antworten

 Beitrag melden
30.04.2013 22:43 (zuletzt bearbeitet: 30.04.2013 22:46)
avatar  Movert
#13 RE: HTML Hife!!!
avatar
Mitglied

Zitat von Secrets im Beitrag #12
ahhhh omg jaa!!! In der Icon Bar worauf man klicht und ein rahmen erscheint, das ist es :S
Ich hab nur null ahnung wie das geht Olaf :/

Am besten garnicht. Ansonsten müsstest du einen Div Container nehmen, diesen Stylen und dann die Grafik als Inline Style in dem Background Properties Laden.

ersetzte [rahmen grafik="{{grafik}}"]...[/rahmen] mit <div style="background: url({{grafik}});">...</div>
Das Problem wäre aber, dass du die Größe der Grafik Manuell einstellen musst, damit sie das ganze nicht wiederholt...also am besten komplett lassen oder in der Globalen CSS Alle Grafiken (Bilder) innerhalb der mtextcell stylen.

und so blaue rahmen um ein bild kannst du ganz einfach machen:


1
2
 
 [style=border:3px solid blue;][img]https://files.homepagemodules.de/b214495/avatar-12484ebc-153623.png[/img][/style]
 
 

Mit Freundlichen Grüßen,
Detlef "Movert" W. - Administrator/Entwickler bei Inoffizielle Xobor Community Erweiterungen

 Antworten

 Beitrag melden
30.04.2013 22:59
avatar  Secrets
#14 RE: HTML Hife!!!
Se
Mitglied

Ah okey :/
Alles klar... ja mal gucken hätte halt nicht gedacht das es sooo kompliziert es sowas in die iconbar zu bekommen :)

Danke


 Antworten

 Beitrag melden
30.04.2013 23:07
avatar  Olaf
#15 RE: HTML Hife!!!
Ol
Mitglied

Du kannst natürlich auch meinen Code von oben in der Iconbar einsetzen,wo sich der Rahmen dann bei jeder beliebigen Bildgröße automatisch anpasst.
Zuerst den unteren CSS Code im Adminmenü unter "Layout→Farben & Einstellungen→CSS" im Fenster eintragen und danach unten auf "speichern" drücken.

1
2
3
4
5
6
7
8
9
10
11
12
 
.rahmen {
background-color:#ffffff;
padding:2px;
-moz-border-radius: 15px;
-moz-box-shadow: 10px 10px 15px #000;
-webkit-border-radius: 15px;
-webkit-box-shadow: 10px 10px 15px #000;
-khtml-border-radius: 15px;
border-radius: 15px;
box-shadow: 10px 10px 15px #000;
border: 3px solid gray;
}
 



Dann Im Adminmenü unter "Layout→Iconbar" den Forencode von Bild 1 eintragen und speichern.
Das Ergebnis ist in Bild 2 zu sehen.Ganz rechts in der Iconbar ist das weiße Feld mit schwarzen Rahmen dazugekommen.Beim draufklicken kann man zwischen den [rahmen]X[/rahmen] seine Bildadresse einsetzen.
So könnte man sich auf diese Weise viele verschiedene Rahmen "zusammen bauen",für die man dann in der Iconbar eine Gruppe "Rahmen" anlegen könnte.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!