Thread: adding HTML code to homepage

I'm trying to get a live sports scoreboard to show on my homepage...now im not sure if this is the best way to approach it or not but i went into the admin builder for homepage and made a new block and put in the code hoping it would work and it was unsuccessful.


Here is the code. Any help would be great.

<iframe src="http://www.sportznetwork.com/scores/index.htm" name="ticker" scrolling="no" frameborder="no" height = "750px" width = "200px">
</iframe>

in indexcompose in your database, open/edit your new block you made & insert the code into it and save

Hey I'm trying to do the same thing. I would like to embed a wrapper from my main site on the dolphin homepage. I tried:

<iframe src="http://www.mysite.com/news/index.htm" name="ticker" scrolling="no" frameborder="no" height = "750px" width = "200px">
</iframe>
But it didn’t work… Could somebody give me a good code that will work with Dolphin?

Ok, I'm new to this but I think I can help you.. the problem is that Dolphin has a built in "html stripper" called Tinymce. The way I get HTML on my home page is to basically 1. Disable Tinymce 2. Make a custom block with the HTML I want and save it 3. Reenable Tinymce (because if you don't you AND your users will constantly get stack overflow errors).. now once you save it you are good to go but if you want to edit the block then you have to start over at square one.. does that make sense? Ok, so now how to disable TinyMCE..

1. Open dolphin/plugins/tiny_mce/tiny_mce_src.js in a text editor
2. Find this code:
tinyMCE.baseURL;
}

// Set default values on settings
this._def("mode", "none");
this._def("theme", "advanced");
this._def("plugins", "", true);
this._def("language", "en");
this._def("docs_language", this.settings.language);
this._def("elements", "");
this._def("textarea_trigger", "mce_editable");
this._def("editor_selector", "");
this._def("editor_deselector", "mceNoEditor");
this._def("valid_elements", "+a[id|style|rel|rev|charset|hreflang|dir|lang|tabinde x|accesskey|type|name|href|target|title|class|onfo cus|onblur|onclick|ondblclick|onmousedown|onmouseu p|onmouseover|onmousemove|onmouseout|onkeypress|on keydown|onkeyup],-strong/-b[class|style],-em/-i[class|style],-strike[class|style],-u[class|style],#p[id|style|dir|class|align],-ol[class|style],-ul[class|style],-li[class|style],br,img[id|dir|lang|longdesc|usemap|style|class|src|onmous eover|onmouseout|border|alt=|title|hspace|vspace|w idth|height|align],-sub[style|class],-sup[style|class],-blockquote[dir|style],-table[border=0|cellspacing|cellpadding|width|height|clas s|align|summary|style|dir|id|lang|bgcolor|backgrou nd|bordercolor],-tr[id|lang|dir|class|rowspan|width|height|align|valig n|style|bgcolor|background|bordercolor],tbody[id|class],thead[id|class],tfoot[id|class],#td[id|lang|dir|class|colspan|rowspan|width|height|ali gn|valign|style|bgcolor|background|bordercolor|sco pe],-th[id|lang|dir|class|colspan|rowspan|width|height|ali gn|valign|style|scope],caption[id|lang|dir|class|style],-div[id|dir|class|align|style],-span[style|class|align],-pre[class|align|style],address[class|align|style],-h1[id|style|dir|class|align],-h2[id|style|dir|class|align],-h3[id|style|dir|class|align],-h4[id|style|dir|class|align],-h5[id|style|dir|class|align],-h6[id|style|dir|class|align],hr[class|style],-font[face|size|style|id|class|dir|color],dd[id|class|title|style|dir|lang],dl[id|class|title|style|dir|lang],dt[id|class|title|style|dir|lang],cite[title|id|class|style|dir|lang],abbr[title|id|class|style|dir|lang],acronym[title|id|class|style|dir|lang],del[title|id|class|style|dir|lang|datetime|cite],ins[title|id|class|style|dir|lang|datetime|cite]");

3. and add this after it:
tinyMCE.init({
entity_encoding:"raw"
});


After you do that you can put HTML ANYWHERE on the site and it will work, but like I said you will get strange error messages until you take that code back out.. but even after you take that code out the html blocks will continue to work fine as long as you don't edit them.

Hope this helped someone!
Mscott

HTML Block for adding HTML on Dolphin

1) got to homepage builder
2) Create New block without Language key and save (save will fail)
3) put in your html code

<iframe name="i" align="center" width=365 height=690 frameborder=0 src=" http://www.******/index.html" allowtransparency="true"></iframe>

4) save (will work this time, if need to edit remove the Language key and try to save {will fail again} then readd the edited code.

That's how it worked for me =) Thanks for the help though... just your version didn't work out for me.

Originally Posted by mscott

Ok, I'm new to this but I think I can help you.. the problem is that Dolphin has a built in "html stripper" called Tinymce. The way I get HTML on my home page is to basically 1. Disable Tinymce 2. Make a custom block with the HTML I want and save it 3. Reenable Tinymce (because if you don't you AND your users will constantly get stack overflow errors).. now once you save it you are good to go but if you want to edit the block then you have to start over at square one.. does that make sense? Ok, so now how to disable TinyMCE..

1. Open dolphin/plugins/tiny_mce/tiny_mce_src.js in a text editor
2. Find this code:
tinyMCE.baseURL;
}

// Set default values on settings
this._def("mode", "none");
this._def("theme", "advanced");
this._def("plugins", "", true);
this._def("language", "en");
this._def("docs_language", this.settings.language);
this._def("elements", "");
this._def("textarea_trigger", "mce_editable");
this._def("editor_selector", "");
this._def("editor_deselector", "mceNoEditor");
this._def("valid_elements", "+a[id|style|rel|rev|charset|hreflang|dir|lang|tabinde x|accesskey|type|name|href|target|title|class|onfo cus|onblur|onclick|ondblclick|onmousedown|onmouseu p|onmouseover|onmousemove|onmouseout|onkeypress|on keydown|onkeyup],-strong/-b[class|style],-em/-i[class|style],-strike[class|style],-u[class|style],#p[id|style|dir|class|align],-ol[class|style],-ul[class|style],-li[class|style],br,img[id|dir|lang|longdesc|usemap|style|class|src|onmous eover|onmouseout|border|alt=|title|hspace|vspace|w idth|height|align],-sub[style|class],-sup[style|class],-blockquote[dir|style],-table[border=0|cellspacing|cellpadding|width|height|clas s|align|summary|style|dir|id|lang|bgcolor|backgrou nd|bordercolor],-tr[id|lang|dir|class|rowspan|width|height|align|valig n|style|bgcolor|background|bordercolor],tbody[id|class],thead[id|class],tfoot[id|class],#td[id|lang|dir|class|colspan|rowspan|width|height|ali gn|valign|style|bgcolor|background|bordercolor|sco pe],-th[id|lang|dir|class|colspan|rowspan|width|height|ali gn|valign|style|scope],caption[id|lang|dir|class|style],-div[id|dir|class|align|style],-span[style|class|align],-pre[class|align|style],address[class|align|style],-h1[id|style|dir|class|align],-h2[id|style|dir|class|align],-h3[id|style|dir|class|align],-h4[id|style|dir|class|align],-h5[id|style|dir|class|align],-h6[id|style|dir|class|align],hr[class|style],-font[face|size|style|id|class|dir|color],dd[id|class|title|style|dir|lang],dl[id|class|title|style|dir|lang],dt[id|class|title|style|dir|lang],cite[title|id|class|style|dir|lang],abbr[title|id|class|style|dir|lang],acronym[title|id|class|style|dir|lang],del[title|id|class|style|dir|lang|datetime|cite],ins[title|id|class|style|dir|lang|datetime|cite]");

3. and add this after it:
tinyMCE.init({
entity_encoding:"raw"
});


After you do that you can put HTML ANYWHERE on the site and it will work, but like I said you will get strange error messages until you take that code back out.. but even after you take that code out the html blocks will continue to work fine as long as you don't edit them.

Hope this helped someone!
Mscott

Originally Posted by ErisPhobos

HTML Block for adding HTML on Dolphin

1) got to homepage builder
2) Create New block without Language key and save (save will fail)
3) put in your html code

<iframe name="i" align="center" width=365 height=690 frameborder=0 src=" http://www.******/index.html" allowtransparency="true"></iframe>

4) save (will work this time, if need to edit remove the Language key and try to save {will fail again} then readd the edited code.

That's how it worked for me =) Thanks for the help though... just your version didn't work out for me.

After I wrote that I figured out another way.. make a blank block and then go into the actual sql database and enter the html.. your way sounds easy too though, I'll try it that way. I was very excited today to figure out how to make 3 colums on my main page! Now if I can just figure out how to get the admin "homepage builder" to work with all 3 I will be set!!

I did the Top_Menu_Optimization from Ray. The problem is I need to get my main body to move down a little bit because the second lind of the top menu is overlapping and you can't read properly. When I click RayRadio links then the mainbody overlaps the menu and then I can only see half of it. can anybody help please? I just need to know where I can change this is my CSS

Many thanks.

I tried to find it for you in the .css files but I couldn't find it. So here is another easy way to do it.... go to templates/tmpl_uni/page_01.html and edit it. At the top where you see __include_header__ put a bunch of <BR>
like this "__include_header__<BR><BR><BR><BR>"

<BR> is a line break in html, so each one you put will move the "promo" block down a line.. about 4 should do it..

let me know if this helps

M. Scott

What about the other pages like my RayYoutube and stuff? Where do I put the space in?

Originally Posted by mscott

I tried to find it for you in the .css files but I couldn't find it. So here is another easy way to do it.... go to templates/tmpl_uni/page_01.html and edit it. At the top where you see __include_header__ put a bunch of <BR>
like this "__include_header__<BR><BR><BR><BR>"

<BR> is a line break in html, so each one you put will move the "promo" block down a line.. about 4 should do it..

let me know if this helps

M. Scott

thanks it worked. I added <BR> to all the pages. By the way Ray told me that Dolphin 6.0.0004 is releasing next week and that it will include the modification.