XWidgetSoft Forum
https://www.bbs.xwidget.com/

Help HTML
https://www.bbs.xwidget.com/viewtopic.php?f=8&t=5492
Page 1 of 1

Author:  kabott1 [ February 17th, 2015, 2:10 pm ]
Post subject:  Help HTML

Hi guys, i just created a very simple skin with an HTML panel to display a RSS widget from this site: http://feed.mikle.com/
the problem is the Widget is displace some 20 pixels from the corner down and i don't know how to fix this


this is the Html code i have, is there a way, using html code to re-align the widget?




Quote:
<!DOCTYPE html>
<html>
<body>
<div align="right">

<!-- start feedwind code --><script type="text/javascript">document.write('\x3Cscript type="text/javascript" src="' + ('https:' == document.location.protocol ? 'https://' : 'http://') + 'feed.mikle.com/js/rssmikle.js">\x3C/script>');</script><script type="text/javascript">(function() {var params = {rssmikle_url: "http://feed.mikle.com/support/rss/",rssmikle_frame_width: "280",rssmikle_frame_height: "360",frame_height_by_article: "",rssmikle_target: "_blank",rssmikle_font: "Arial, Helvetica, sans-serif",rssmikle_font_size: "12",rssmikle_border: "off",responsive: "off",rssmikle_css_url: "",text_align: "left",text_align2: "left",corner: "off",scrollbar: "on",autoscroll: "on",scrolldirection: "down",scrollstep: "10",mcspeed: "20",sort: "New",rssmikle_title: "off",rssmikle_title_sentence: "",rssmikle_title_link: "",rssmikle_title_bgcolor: "#262D31",rssmikle_title_color: "#94AFBF",rssmikle_title_bgimage: "",rssmikle_item_bgcolor: "#262D31",rssmikle_item_bgimage: "",rssmikle_item_title_length: "55",rssmikle_item_title_color: "#94B0BF",rssmikle_item_border_bottom: "on",rssmikle_item_description: "on",item_link: "on",rssmikle_item_description_length: "150",rssmikle_item_description_color: "#969696",rssmikle_item_date: "gl2",rssmikle_timezone: "Etc/GMT",datetime_format: "%e.%m.%Y %l:%M:%S %p",item_description_style: "text+tn",item_thumbnail: "full",article_num: "15",rssmikle_item_podcast: "off",keyword_inc: "",keyword_exc: ""};feedwind_show_widget_iframe(params);})();</script><div style="font-size:10px; text-align:center; width:280px;"><a href="http://feed.mikle.com/" target="_blank" style="color:#CCCCCC;">RSS Feed Widget</a><!--Please display the above link in your web page according to Terms of Service.--></div><!-- end feedwind code -->


</div>
</body>
</html>



Attachment:
2015-02-17_190440.png
2015-02-17_190440.png [ 13.07 KiB | Viewed 4930 times ]


Attachment:
AIVI_RSS_1.xwp [18.47 KiB]
Downloaded 304 times

Author:  digigamer [ February 19th, 2015, 7:50 pm ]
Post subject:  Re: Help HTML

HTML huh! Nice idea.
HTML browsers insert a default margin, you need to remove it. We web designers use a form of CSS reset but here this simple style will be enough!
Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body style="margin:0;padding:0">
<div>
<!-- start feedwind code --><script type="text/javascript">document.write('\x3Cscript type="text/javascript" src="' + ('https:' == document.location.protocol ? 'https://' : 'http://') + 'feed.mikle.com/js/rssmikle.js">\x3C/script>');</script><script type="text/javascript">(function() {var params = {rssmikle_url: "http://feed.mikle.com/support/rss/",rssmikle_frame_width: "280",rssmikle_frame_height: "360",frame_height_by_article: "",rssmikle_target: "_blank",rssmikle_font: "Arial, Helvetica, sans-serif",rssmikle_font_size: "12",rssmikle_border: "off",responsive: "off",rssmikle_css_url: "",text_align: "left",text_align2: "left",corner: "off",scrollbar: "on",autoscroll: "on",scrolldirection: "down",scrollstep: "10",mcspeed: "20",sort: "New",rssmikle_title: "off",rssmikle_title_sentence: "",rssmikle_title_link: "",rssmikle_title_bgcolor: "#262D31",rssmikle_title_color: "#94AFBF",rssmikle_title_bgimage: "",rssmikle_item_bgcolor: "#262D31",rssmikle_item_bgimage: "",rssmikle_item_title_length: "55",rssmikle_item_title_color: "#94B0BF",rssmikle_item_border_bottom: "on",rssmikle_item_description: "on",item_link: "on",rssmikle_item_description_length: "150",rssmikle_item_description_color: "#969696",rssmikle_item_date: "gl2",rssmikle_timezone: "Etc/GMT",datetime_format: "%e.%m.%Y %l:%M:%S %p",item_description_style: "text+tn",item_thumbnail: "full",article_num: "15",rssmikle_item_podcast: "off",keyword_inc: "",keyword_exc: ""};feedwind_show_widget_iframe(params);})();</script><div style="font-size:10px; text-align:center; width:280px;"><a href="http://feed.mikle.com/" target="_blank" style="color:#CCCCCC;">RSS Feed Widget</a><!--Please display the above link in your web page according to Terms of Service.--></div><!-- end feedwind code -->
</div>
</body>
</html>

Author:  kabott1 [ February 20th, 2015, 6:10 am ]
Post subject:  Re: Help HTML

It Worked! thank you very much digigamer! :mrgreen:

Page 1 of 1 All times are UTC - 8 hours
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/