Sie sind nicht angemeldet.

[Behoben] Youtube Videos einbinden

Murat

Anfänger

  • »Murat« ist der Autor dieses Themas

Beiträge: 24

  • Nachricht senden

1

Freitag, 4. Dezember 2009, 12:41

Youtube Videos einbinden

Hallo

kann mir bitte jemand sagen wie ich youtube videos in die seite einbinden kann



danke voraus
Werbung

JOE

Fortgeschrittener Benutzer

  • »JOE« ist männlich

Beiträge: 359

Paypal:

  • Nachricht senden

2

Freitag, 4. Dezember 2009, 13:05

Eigentlich ganz einfach:

Siehe hier: www.akovo.com/cms2day

Im Admin deine Seite auswählen, im Editor auf HTML-Auswahl gehen und dann z.B. den Code unten einfügen.

<div class="youtube"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/IvTT29cavKo&hl=de_DE&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/IvTT29cavKo&hl=de_DE&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></div>


Um es positionieren zu können einfach die Klasse in css definieren.
Beispiel: Div unten hatt die Klasse "youtube"
in der css des Templates so schreiben:

.youtube { margin-left: 20px; margin-top: 20px;}


OK? 8)



Signatur
Mancher lehnt eine gute Idee bloß deshalb ab, weil sie nicht von ihm ist!

Favorite Links
...............................................
SELFHTML
CSS4YOU
CSSMANIA
SELFPHP
Werbung

Murat

Anfänger

  • »Murat« ist der Autor dieses Themas

Beiträge: 24

  • Nachricht senden

3

Freitag, 4. Dezember 2009, 20:43

Hallo

sag mal kannst du mir ganz genau erkären

was ich machen muss (mit css) oder ganz genau wo ich es eintragen muss

danke

Hier MAIN:CSS

PHP-Quelltext

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101

/* - MISC STYLE - */


*                               {margin: 0px; padding: 0px;}
html                            {width: 100%; height: 100%;}
body                            {text-align: center; color: #545248; background: #BBB5A5 url('../images/background.jpg') fixed; font-family: "Verdana", "Tahoma" , "Arial" , "MS Sans Serif"; font-size: 11px; line-height: 18px;}

.clear                            {clear: both; height: 0px; font-size: 0px; display: block; width: 100%;}

td                             {font-size: 11px; line-height: 18px; font-family: "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";}

ul                             {margin: 0px; padding: 0px;}
li                             {list-style: none}

form                           {margin: 0px; padding: 0px;}
img                           {border: none;}

a                              {color: #545248; text-decoration: none;}
a:hover                       {color: #545248; text-decoration: underline;}


/* - LAYER + CONTAINER  + WRAPPER - */

#layer                           {text-align:left; margin: 0px auto; width:783px; position: relative; background:#fff;}
#content                     {float:left; width:693px; overflow: hidden; padding: 30px 45px; position:relative; background:#fff;}



/* - HEADER - */


#header                        {position:relative; width:100%; height:216px; margin: 0px; padding: 0px; background: url(../images/header.jpg) no-repeat;}
#logo                         {position: absolute; top: 0px; left: 15px; padding: 0px; width: 400px; height:180px;}
#claims                     {position: absolute; top: 10px; right: 15px; margin: 0px; padding: 0px; text-align: justify; width: 240px; font-family: "Arial"; font-size: 11px; font-weight: bold; color: #fff; text-align:right;}


/* - MENU - */

#menu                                         {width: 783px; height: 26px; margin: 0px; padding: 0px; background: #615c4f; color: #fff; position:static;}
#menu ul                                    {position: absolute; top: 0px; left: 0px; z-index: 100; padding: 0px; margin: 0px;}
#menu ul li                                    {float: left; list-style: none; margin: 0px; border-right: 1px solid #BBB5A7; position: relative; z-index:100;}

#menu li a                                     {display: block; padding: 0px 12px; text-decoration: none; font-size: 11px; color: #fff; background: #615c4f; margin:0px; line-height: 26px;}
#menu li a:hover                             {display: block; padding: 0px 12px; text-decoration: none; font-size: 11px; color: #fff; background: #9B9F4F; margin:0px; line-height: 26px;}
#menu li a.aktiv                              {display: block; padding: 0px 12px; text-decoration: none; font-size: 11px; color: #fff; font-weight: normal; background: #333029; margin:0px; line-height: 26px;}
#menu li a.aktiv:hover                        {display: block; padding: 0px 12px; text-decoration: none; font-size: 11px; color: #fff; font-weight: normal; background: #333029; margin:0px; line-height: 26px;}


/* - DROPDOWN SETTINGS - */


#menu table                                    {position: absolute; z-index: 1000; left: -1px; top: 0px; border: none;}
#menu ul li ul                                {visibility: hidden; position: absolute; top: 26px; left: -1px; width: 184px; text-align: left; border: 1px solid #E1DED7; border-bottom: none; margin: 0px; padding: 0px;}
#menu ul li ul li                            {height: 26px; border: none; border-bottom: 1px solid #E1DED7; margin: 0px; padding: 0px;}
#menu ul li:hover ul, #menu ul a:hover ul    {visibility: visible;}

#menu ul li ul li a                         {width: 160px; display:block; padding: 0px 12px 2px 12px; text-decoration: none; line-height: 24px; font-size: 11px; color: #333029; background: #fff; margin:0px;}
#menu ul li ul li a:hover                    {width: 160px; display:block; padding: 0px 12px 2px 12px; text-decoration: none; line-height: 24px; font-size: 11px; color: #fff; background: #9B9F4F; margin:0px;}
#menu ul li ul li a.aktiv                    {width: 160px; display:block; padding: 0px 12px 2px 12px; text-decoration: none; line-height: 24px; font-size: 11px; color: #fff; background: #333029; margin:0px;}
#menu ul li ul li a.aktiv:hover                {width: 160px; display:block; padding: 0px 12px 2px 12px; text-decoration: none; line-height: 24px; font-size: 11px; color: #fff; background: #333029; margin:0px;}


/* - SITE + TIME - */


#sitelayer                    {position: relative; float:left; width:100%; height: 30px; margin: 0px; padding: 0px; background: #333029; color: #fff;}
#sitelayer #seite            {position:relative; float:left; width:220px; left:10px; margin: 0px; line-height: 28px; color: #fff; background: transparent;}
#sitelayer #seite a         {text-decoration: none; color: #fff;}
#sitelayer #seite a:hover    {text-decoration: none; color: #fff;}
#sitelayer #timedate        {position:relative; float:right; padding: 0px 15px 0px 0px; line-height: 28px; color: #fff; font-size: 10px;}


/* - CONTENT ... TEXT - */


#content #text                 {margin: 0px; padding: 0px; text-align: justify; color: #545248; background: transparent; line-height: 22px;}
#content #text h1             {font-size: 16px; font-weight: bold; margin: 0px 0px 20px 0px; color: #9B9F4F; font-family: "Arial"; text-transform: normal; letter-spacing: 0px;}
#content #text h2             {font-size: 14px; font-weight: bold; margin: 0px 0px 20px 0px; color: #333029; font-family: "Arial"; text-transform: uppercase; letter-spacing: 0px;}
#content #text h3             {font-size: 11px; font-weight: bold; margin: 0px 0px 5px 0px; color: #9B9F4F; font-family: "Verdana"; letter-spacing: 0px;}
#content #text h4             {font-size: 11px; font-weight: bold; margin: 0px 0px 15px 0px; color: #545248; font-family: "Verdana"; letter-spacing: 0px;}
#content #text h5             {font-size: 11px; font-weight: bold; margin: 0px 0px 0px 0px; color: #545248; font-family: "Verdana"; letter-spacing: 0px;}
#content #text h6             {font-size: 11px; font-weight: normal; margin: 0px 0px 0px 0px; color: #AFAFAF; font-family: "Verdana"; letter-spacing: 0px;}
#content #text p             {margin: 0px 0px 15px 0px;}
#content #text hr             {border-top: 1px solid #D7D7D7; border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0px 0px 15px 0px; height: 2px;}
#content #text a             {color: #9B9F4F; text-decoration: none;}
#content #text a:hover         {color: #9B9F4F; text-decoration: underline;}
#content #text ul             {margin: 0px 0px 0px 15px;}
#content #text ul li         {list-style: square; line-height: 22px;}
#content #text ul li ul li     {list-style: square; line-height: 22px; margin: 0px 0px 0px 5px;}


/* - FOOTER - */


#footer                         {clear:both; position:relative; float:left; width:100%; height: 60px; margin: 0px; padding: 0px; font-size: 10px; color: #545248; line-height: 15px; background: #fff; border-top: 1px solid #E9E9E9; border-bottom: 10px solid #333029;}
#footer #seitenanfang              {position:relative; float:left; padding: 15px 0px 0px 15px; margin: 0px; width: 200px;}
#footer #footercontent             {position:relative; float:left; margin: 0px; padding: 15px 15px 0px 0px; width: 548px; text-align:right;}
#footer a                           {text-decoration: none; color: #545248; font-weight: bold; font-size: 10px;}
#footer a:hover                   {text-decoration: none; color: #707070; font-weight: bold; font-size: 10px;}
#footer a.w3b                      {text-decoration: none; color: #545248; font-weight: bold; font-size: 10px;}
#footer a:hover.w3b              {text-decoration: none; color: #707070; font-weight: bold; font-size: 10px;}

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Murat« (4. Dezember 2009, 21:15)

Werbung

JOE

Fortgeschrittener Benutzer

  • »JOE« ist männlich

Beiträge: 359

Paypal:

  • Nachricht senden

4

Freitag, 4. Dezember 2009, 21:58

Eigentlich musst du in der CSS nichts machen wenn du es nicht möchtest,

Gehe in den Adminbereich, erstelle eine Seite links im Menü INHALT,
Dann auf Seite bearbeiten und im WYSIWYG Editor auf das Icon HTML klicken , dann bekommst du erstmal ein Code zu sehen, dann ganz oben fügst du das ein:

<div class="youtube">
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/IvTT29cavKo&amp;hl=de_DE&amp;fs=1&amp;" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/IvTT29cavKo&amp;hl=de_DE&amp;fs=1&amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>
</div>

Wenn du das hinbekommen hast reden wir weiter über CSS
Versuche es mal!!!

Den Code für das bestimmte Viedeo bekommst du ja bei YouTube, das weisst du aber schon, oder?



Signatur
Mancher lehnt eine gute Idee bloß deshalb ab, weil sie nicht von ihm ist!

Favorite Links
...............................................
SELFHTML
CSS4YOU
CSSMANIA
SELFPHP
Werbung

r3xx0n

Schüler

Beiträge: 152

  • Nachricht senden

5

Samstag, 5. Dezember 2009, 00:46

Edit:

VIELLEICHT Release ich ne Yotube Video gallerie^^
Projekte:
  • Anime Modul: 95%

Todo:
  • Musicbase: 0%
  • Anime Addon latest episodes: 0%
Werbung

mantis

unregistriert

6

Samstag, 5. Dezember 2009, 09:41

@JOE

Toller Tip, würdest du noch dazuschreiben wie man so auch die Auflösungen beeinflussen kann bis hiin zum HD (wenn vorhanden), wollte dir den Thread nicht Hijacken

Gruss
mantis
Werbung

JOE

Fortgeschrittener Benutzer

  • »JOE« ist männlich

Beiträge: 359

Paypal:

  • Nachricht senden

7

Samstag, 5. Dezember 2009, 10:47

Kein Problem Mantis, du kannst gern was dazu schreiben, er sollte aber erst wissen wo er den Code einfügen muss, dann sehen wir weiter!
;)



Signatur
Mancher lehnt eine gute Idee bloß deshalb ab, weil sie nicht von ihm ist!

Favorite Links
...............................................
SELFHTML
CSS4YOU
CSSMANIA
SELFPHP
Werbung

321-Auktionen.de

Schüler

Beiträge: 116

  • Nachricht senden

8

Samstag, 5. Dezember 2009, 11:26

&fmt=18 - gute Qualität
&fmt=22 - HD Qualität

is das gemeint?! ;)
Werbung

Murat

Anfänger

  • »Murat« ist der Autor dieses Themas

Beiträge: 24

  • Nachricht senden

9

Samstag, 5. Dezember 2009, 12:22

Hallo
ich habe es so gemacht wie du geschrieben hast,aber ich bekomme rote x angezeigt
(hatte ich vorher auch)

Link hier: klick

du hast geschrieben:
Gehe in den Adminbereich, erstelle eine Seite links im Menü INHALT,
Dann auf Seite bearbeiten und im WYSIWYG Editor auf das Icon HTML klicken


so habe ich es gemacht,aber da sind keine html codes zu sehen ist dass irgendwie richtig ;(
Werbung

JOE

Fortgeschrittener Benutzer

  • »JOE« ist männlich

Beiträge: 359

Paypal:

  • Nachricht senden

10

Samstag, 5. Dezember 2009, 12:33

Du hast alles richtig gemacht, bis auf den Code! :rolleyes:

Schaue dir mal den Code an wo ich dir geschickt habe, und den wo du eingefügt hast, da fehlt die Hälfte!
;)

Schicke mir ein Link zu dem Video wo du einügen möchtest!



Signatur
Mancher lehnt eine gute Idee bloß deshalb ab, weil sie nicht von ihm ist!

Favorite Links
...............................................
SELFHTML
CSS4YOU
CSSMANIA
SELFPHP

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »JOE« (5. Dezember 2009, 12:41)

Werbung

Ähnliche Themen