EnglishGermanFrenchRussianItalianSpanish
Log inRegister
 
3D-Balken in eine Webseite codieren
Post new topic Reply to topic
View previous topic :: View next topic
Author Message
geist4711





Joined: 18 Aug 2009
Posts: 1349 on topic
Location: Hamburg
Thank you for registering your game
modified
PostPosted: Tue, 13. Feb 18, 00:24    Post subject: 3D-Balken in eine Webseite codieren Reply with quote Print

hallo leute, ich habe da ein problem.
ich mache meine internetseite selbst, mit dem altmodischen composer des seamonkey.
ich bin kein html-coder und frage daher mal hier ob das evtl jemand weiss, wie das geht:

ein balken quer über die seite, unter einem art header(ein buld an entsprechender seite gesetzt) der nach 3D ausschaut, also ein farbverlauf von dunkel nach hell und von unten nach oben darauf gelegt.
weiss jemand wie man sowas in html codet?

ich weiss wie veraltet der komposer ist, aber zb wordpress hat zwar diese balken, aber die sind allesamt nur 'platt', nix 3D
oder könnte man da auch sowas da rein malen?

ideen-gebend war oben der 3D'rand' hier im forum, und zb der 'logout' knopf hier....

achja, und, kennt jemand einen brauchbaren WYSIWYG-editor für html-seiten?

es geht im grunde darum, diese internetseiten 'moderner' zu machen, einige finden die seiten alle 'altbacken' und wollen mit wordpress 'was modernes' machen. in meinen augen, nachdem ich bei wordpress ein wenig geschaut und probiert habe, ist wordpress nur eine teils unbeholfene variation von ein paar festgelegten balken, widgets, usw, wo man bei den themes nichtmal alle front- und hintergrund-farben ALLE einstellen kann.
link zur seite um die es geht: https://meerschweinchen-nothilfe-hamburg.de

grüsse
robert


_________________
Geh.: Phobya Benchtable/Eigenbau, MB: MSI Z97 Gaming5, CPU: I7-4790K (WK), GK: Saphire Tri-X R9 290 (WK), RAM: Crucial 16GB 1600/CL9, SSD:Crucial M500 240GB, Crucial BX200 240GB, BS: ubuntu-linux (64Bit), WIN-10-prof (64Bit)


Last edited by geist4711 on Tue, 13. Feb 18, 14:36; edited 1 time in total
Back to top
View user's profile Send private message Send e-mail Visit poster's website
RainerPrem



MEDALMEDALMEDAL

Joined: 18 Jan 2006
Posts: 1417 on topic

Thank you for registering your game
PostPosted: Tue, 13. Feb 18, 07:02    Post subject: Re: 3D-Balken in eine Webseite codieren Reply with quote Print

geist4711 wrote:
hallo leute, ich habe da ein problem.
ich mache meine internetseite selbst, mit dem altmodischen composer des seamonkey.
ich bin kein html-coder und frage daher mal hier ob das evtl jemand weiss, wie das geht:
...

grüsse
robert


Ich habe nicht genau verstanden, was du haben willst, aber warum gehst du nicht einfach auf eine Site, die so aussieht, wie du es haben willst, und schaust dir den Source an?

Ggf. vorher Javascript abschalten, dann sollte eine HTML-only-Version ausgeliefert werden, wenn die das haben.

Ansonsten gibt es auf selfhtml.org auch ein Forum, da findest du wohl eher jemanden, der Bescheid weiß.

Grüße
Rainer

Back to top
View user's profile Send private message
Tamina





Joined: 26 Jan 2014



PostPosted: Tue, 13. Feb 18, 19:09    Post subject: Reply with quote Print

Was du meinst ist ein einfacher Gradient. Smile
Das kann praktisch jedes Zeichenprogramm (und CSS). Du könntest dir die Buttons theoretisch selber als Bilder zeichnen.

Ansonsten kenn ich nur Dreamweaver. Kostet leider viel.

Mein Rat: Such dir ein Html5 Template aus dem Internet
z.B.: https://html5up.net
Pass es nach deinen Wünschen an (Farben, Bilder, Text) und du hast eine hochmoderne Webseite die sogar auf Mobilgeräten fantastisch aussieht.
Da werden deinen Kollegen die Augen rausfallen.

Warum das Rad neu erfinden? Very Happy


_________________
Code:
  /l、
゙(゚、 。 7
 l、゙ ~ヽ   /
 じしf_, )ノ
This is Tamina. Copy Tamina to your signature to help her achieve world domination.
Back to top
View user's profile Send private message
geist4711





Joined: 18 Aug 2009
Posts: 1349 on topic
Location: Hamburg
Thank you for registering your game
PostPosted: Tue, 13. Feb 18, 22:07    Post subject: Reply with quote Print

na denn werd ich mal sehen ob ich irgendwo eine seite finde bei der ich den inspizierten code auch verstehe und ihn klauen kann Smile

hab schon ein beispiel theam von einem html-editor gefunden, und da den balken der so ausschaut wie ich den haben möchte angepasst -hat stunden gedauert Smile

jetzt würde ich den balken gerne rauskopieren und in meine webseite einsetzen.

mir ist aber nicht klar wo der code für den balken anfängt und wo der aufhört Wink html liest sich schwer Smile
und ich muss noch rauskriegen wie ich die knöpfe mit link's versehen kann, sonst sieht das bis auf den braunen knopf 'verein' schon gut aus.

für neugierige: https://meerschweinchen-nothilfe-hamburg.de/indextest2.html

danke für die tips erstmal Smile


_________________
Geh.: Phobya Benchtable/Eigenbau, MB: MSI Z97 Gaming5, CPU: I7-4790K (WK), GK: Saphire Tri-X R9 290 (WK), RAM: Crucial 16GB 1600/CL9, SSD:Crucial M500 240GB, Crucial BX200 240GB, BS: ubuntu-linux (64Bit), WIN-10-prof (64Bit)
Back to top
View user's profile Send private message Send e-mail Visit poster's website
UniTrader
Moderator (Script&Mod)
Moderator (Script&Mod)

MEDAL

Joined: 20 Nov 2005
Posts: 13721 on topic

Thank you for registering your game
PostPosted: Tue, 13. Feb 18, 23:13    Post subject: Reply with quote Print

geist4711 wrote:
mir ist aber nicht klar wo der code für den balken anfängt und wo der aufhört Wink html liest sich schwer Smile


rechter mausklick drauf und "Element untersuchen" (Firefox) oder "Untersuchen" (Chrome/ium) Wink


_________________
if not stated otherwise everything i post is licensed under WTFPL

Ich mache keine S&M-Auftragsarbeiten, aber wenn es fragen gibt wie man etwas umsetzen kann helfe ich gerne weiter Wink

I wont do Script&Mod Request work, but if there are questions how to do something i will GLaDly help Wink
Back to top
View user's profile Send private message
JSDD





Joined: 21 Mar 2014
Posts: 789 on topic
Location: Belt of Aguilar ... JSDD Headquarters
Thank you for registering your game
PostPosted: Wed, 14. Feb 18, 11:24    Post subject: Reply with quote Print

... vllt biste ja n javascript coder, dann kannste dir mal "webGL" ansehen, damit renderst du 3D zeugs im wegbrowser


_________________
To err is human. To really foul things up you need a computer.
Irren ist menschlich. Aber wenn man richtig Fehler machen will, braucht man einen Computer.


Mission Director Beispiele
Back to top
View user's profile Send private message
geist4711





Joined: 18 Aug 2009
Posts: 1349 on topic
Location: Hamburg
Thank you for registering your game
PostPosted: Wed, 14. Feb 18, 12:53    Post subject: Reply with quote Print

@JSDD: ich bin schon froh wenn ich etwas sinnvoles in html und css zusammen bekomme, fachleute würden wohl sagen, das ich froh bin meinen namen schreiben zu können *grinsbreit*

hab das mit dem codeklau nun gemacht und es funktioniert, imgroben Wink .
problem erstmal gelöst.

dann hab ich mir mal nach einem besserem html-editor geschaut, als dem composer(der schreibt immer gern viel müll selbstständig ein den code und wirft dabei meine schreibweise durcheinander -er schreibt zb gerne 'wild' <big> <br> oder solche sachen in den code und man muss dan umsortieren und beim nächsten speichern hat er wieder was reingschrieben), und bin derzeit bei zweien gelandet:
MS Expression Web4
Coffecup Free editor

damit kann man ja schonmal gut arbeiten, wobei ich den letzteren wohl mal kaufen müsste es dafür dann aber noch support und weiterentwicklung gibt, der expression scheint nimmer weiter gemacht zu werden, das hab ich schon beim composer so und ist leider nicht wirklich langfristig, bleibt also irgenwann nurnoch cofeecup.......

wobei es für mich ein anderes problem gibt mittlerweile.
man kann ja viel einstellen oder besser einstellbare funktionen setzen, für allmögliche elemente für html, css, ,js und, und, und (das gäbe ein tolles studienfach das alles wirklich zu lernen und damit umgehen zu können, wobei es das sicher schon gibt und ich das nur nicht kenne, bin zu alt dafür Wink )....

ABER ich habe nirgends bisher eine umfangreiche und vollständige auflistung gefunen, welche funktionen es gibt, was die tun und wie ich die verwenden kann, und wenn dann wie Wink

kennt einer solch eine liste? wikipedia zb ist unvollständig, schade.

hintergrund: ich wollte mit eigentlich mal eine liste, bzw einen code schreiben, wo all die funktionen die mich davon nützlich fände zusammenschreiben, und diesen , ich nenne ihn mal 'string' dann in alle elemente mit reinschreiben die ich auf meiner page dann anlege, dann hätte ich überall den selben aufbau und kann den gut 'warten'.
dazu müsste ich aber die befehele usw auch kennen und eine liste haben.

cofee cup und da ms-teil haben sowas im prinziep, anhand ihrer auswahl-liste was man an funktion/befehl usw setzen will aber ohne erklärungen wie man was usw dann miteinander verwenden kann, wo ich wieder beim anfang stehe soweit ich derzeit denke: ich weiss nicht was was ist, oder nur ein wenig, bringe mir ja alles selbst bei.....


_________________
Geh.: Phobya Benchtable/Eigenbau, MB: MSI Z97 Gaming5, CPU: I7-4790K (WK), GK: Saphire Tri-X R9 290 (WK), RAM: Crucial 16GB 1600/CL9, SSD:Crucial M500 240GB, Crucial BX200 240GB, BS: ubuntu-linux (64Bit), WIN-10-prof (64Bit)
Back to top
View user's profile Send private message Send e-mail Visit poster's website
Display posts from previous:   
Post new topic Reply to topic
 
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You cannot download files in this forum
Control Panel
Login Data
The time now is Mon, 20. Aug 18, 20:17

All times are GMT + 2 Hours

[ Disclaimer / Impressum ] | [ Privacy Policy / Datenschutz ]

Board Security

Copyright © EGOSOFT 1989-2018
Powered by phpBB © 2001, 2005 phpBB Group
Template created by Avatar & BurnIt!
Debug: page generation = 0.10564 seconds, sql queries = 21