https://www.icyphoenix.com/viewtopic.php?f=32&t=4051 ----------------------------------- ThE KuKa Sun 13 Apr, 2008 21:55 BBCode Youtube with Highslide ----------------------------------- [quote="Peters"]Hello This is my first BBCode, some knows already Highslide, I have now in the context of my possibilities a BBCode for youtube in connection with Highslide provided. I thoroughly tested and hope everything is correct. [b]MOD Name:[/b] Highslide/youtube BBCode [b]MOD Authors:[/b] BBCode created by PeterS & script from http://vikjavev.no/highslide/ [b]Demo:[/b] See [url=http://www.wirueber40.de/viewtopic.php?f=27&t=301]Demo Link [b]How to do the modifications for Prosilver:[/b] Download the zip file from here: http://vikjavev.no/highslide/download.php Upload the highslide folder to the root of Your forum. Open styles/prosilver/template/overall_header.html At the bottom, on a new line, add: [code linenumbers=false] [/code] [b]Open styles/prosilver/theme/colours.css[/b] At the bottom, on a new line, add: [code linenumbers=false].highslide-html { background-color: white; } .highslide-html-blur { } .highslide-html-content { position: absolute; display: none; } .highslide-loading { display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; background-image: url(highslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } /* Styles for the popup */ .highslide-wrapper { background-color: white; } .highslide-wrapper .highslide-html-content { width: 400px; padding: 5px; } .highslide-wrapper .highslide-header div { } .highslide-wrapper .highslide-header ul { margin: 0; padding: 0; text-align: right; } .highslide-wrapper .highslide-header ul li { display: inline; padding-left: 1em; } .highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next { display: none; } .highslide-wrapper .highslide-header a { font-weight: bold; color: gray; text-transform: uppercase; text-decoration: none; } .highslide-wrapper .highslide-header a:hover { color: black; } .highslide-wrapper .highslide-header .highslide-move a { cursor: move; } .highslide-wrapper .highslide-footer { height: 11px; } .highslide-wrapper .highslide-footer .highslide-resize { float: right; height: 11px; width: 11px; background: url(highslide/graphics/resize.gif); } .highslide-wrapper .highslide-body { } .highslide-move { cursor: move; } .highslide-resize { cursor: nw-resize; } /* These must be the last of the Highslide rules */ .highslide-display-block { display: block; } .highslide-display-none { display: none; } [/code] Save, close and upload both files. Purge cache and refresh template and theme in ACP Go to ACP and create this BBCode: [b]BBCode:[/b] [code linenumbers=false][youtube]{TEXT}[/youtube] [/code] [b]HTML:[/b] [code linenumbers=false]
[/code] Helpline: [code linenumbers=false][youtube]{Clip-Code,example "HO-BcoXYGuA"}[/youtube] [/code] You get a Thumbnail from this clip indicated, after click a Popup(moveable, increasable) are opened. If someone has improvement suggestions, you welcome. greetz Peter[/quote] [b]Original topic: [url=http://startrekguide.com/community/viewtopic.php?p=60368#p60368]phpBB Academy[/b] [b]Demo: [url=http://www.phpbb-es.com/olympus/viewtopic.php?f=5&t=34]phpBB-Es Test 3[/b] ----------------------------------- Tom Wed 30 Jul, 2008 10:48 Re: BBCode Youtube With Highslide ----------------------------------- To keep the prosilver template XHTML strict compliant, the code for [b]overall_header.html[/b] should be: [code linenumbers=false] [/code]