Reply to thread

Message

<blockquote data-quote="Moon" data-source="post: 425436" data-attributes="member: 78959">Hey guys, I'm new to Devbest and don't have alot of Web Development skills, only the basics but as I'm learning I think the best way for me to learn would be for me to study and edit something on my level. So I was searching on Devbest and I love the style of the maintenance page released by [USER=8477]@KyleVonnie[/USER]. I cleaned up some of the code I think and managed to make it easier to read. I know its sloppy but its the best I could do and hopefully next time I should do better![SPOILER=&quot;Before&quot;]<img src="http://i.imgur.com/DlYjSTc.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> [/SPOILER][SPOILER=&quot;After&quot;]<img src="http://attachments/capture-png.6698/?embedded=1&amp;temp_hash=b0778d29d3dd91b4436a77372425a694" alt="" class="fr-fic fr-dii fr-draggable " style="" /> <img src="https://devbest.com/attachments/capture-png.6698/?temp_hash=b0778d29d3dd91b4436a77372425a694" alt="" class="fr-fic fr-dii fr-draggable " style="" />&nbsp; [/SPOILER]Also the code before I edited it:[HTML]&lt;!DOCTYPE html&gt;&nbsp;&nbsp;&nbsp; &nbsp; &lt;title&gt;Maintenance Break&lt;/title&gt;&nbsp;&nbsp; &nbsp; &lt;style type=&quot;text/css&quot;&gt;&nbsp;&nbsp; &nbsp; body {&nbsp;&nbsp; &nbsp; &nbsp; font-family:&quot;Tahoma&quot;,Verdana,Arial;&nbsp;&nbsp; &nbsp; &nbsp; font-size:13px;&nbsp;&nbsp; &nbsp; &nbsp; background: #3399CC repeat;&nbsp;&nbsp; &nbsp; }&nbsp;&nbsp; &nbsp; #container {&nbsp;&nbsp; &nbsp; &nbsp; background: #ffffff;&nbsp;&nbsp; &nbsp; &nbsp; width: 728px;&nbsp;&nbsp; &nbsp; &nbsp; margin: 15px auto 15px auto;&nbsp;&nbsp; &nbsp; &nbsp; padding: 10px; border: 2px solid black;&nbsp;&nbsp; &nbsp; &nbsp; -moz-border-radius: 5px;&nbsp;&nbsp; &nbsp; &nbsp; -webkit-border-radius: 5px;&nbsp;&nbsp; &nbsp; &nbsp; border-radius: 5px;&nbsp;&nbsp; &nbsp; }&nbsp;&nbsp; &nbsp; &lt;/style&gt;&lt;div id=&quot;fb-root&quot;&gt;&lt;/div&gt;&lt;body&gt;&nbsp;&nbsp;&lt;div id=&quot;container&quot;&gt;&nbsp;&lt;b style=&quot;font-size: 150%;&quot;&gt;{hotelname} Hotel &lt;font color=&quot;red&quot;&gt;Maintenance&lt;/font&gt;&lt;/b&gt;&nbsp;&lt;br /&gt;&lt;br /&gt;&lt;IMG SRC=&quot;http://habboemotion.com/resources/images/figures/Figure%20(4).gif&quot;&nbsp; ALIGN=LEFT&gt;&nbsp; &nbsp; We are currently working on &lt;strong&gt;{hotelname}&lt;/strong&gt;, and under-going a maintenance break.&lt;br&gt;&lt;br&gt;Please check back later and be aware of new changes, updates, and news! You can check all updates, we are making during this maintenance,below, and maybe comment on some other changes we can make to make {hotelname} better!&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;strong&gt;Thanks for choosing our retro over the rest,&lt;/strong&gt;&lt;br&gt;{hotelname} Management &amp; Staff!&lt;br&gt;&nbsp;&lt;/div&gt;&nbsp;&lt;div id=&quot;container&quot;&gt;&nbsp;&lt;b style=&quot;font-size: 100%;&quot;&gt;Updates&lt;/b&gt;&lt;br&gt;&lt;br&gt;&nbsp;Below you can find all the updates we are currently making during this maintenance page! &lt;br&gt;Comment on other changes we should make.&lt;br&gt;&lt;ul&gt;&nbsp; &nbsp; &lt;li&gt;Better CMS&lt;/li&gt;&nbsp; &nbsp; &lt;li&gt;Less Lag&lt;/li&gt;&nbsp; &nbsp; &lt;li&gt;Customized Catalogue&lt;/li&gt;&nbsp; &nbsp; &lt;li&gt;More furni/customs&lt;/li&gt;&lt;/div&gt;&lt;div id=&quot;container&quot;&gt;&nbsp;&lt;b style=&quot;font-size: 100%;&quot;&gt;Questions? Comments? Complaints?&lt;/b&gt;&lt;br&gt;&lt;br&gt;Post them below via Facebook. We would also love to hear ideas on new updates for current/future maintenance breaks!&lt;br&gt;&lt;br&gt;&nbsp;SOME KIND OF COMMENTS GO HERE, WAS TO LAZY TO ADD MYSELF :P&nbsp;&lt;/body&gt;&nbsp;&lt;/html&gt;[/HTML]And the Code after I edited it:[HTML]&lt;!DOCTYPE html&gt;&lt;!-- Reech Maintenace Page V 1.0 --&gt;&lt;html&gt;&lt;!-- Link to CSS File --&gt;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/main.css&quot;&gt;&lt;head&gt;&nbsp; &nbsp; &lt;title&gt;Maintenance Break&lt;/title&gt;&nbsp; &nbsp; &lt;link rel=&quot;shortcut icon&quot; href=&quot;css/img/favicon.ico&quot; type=&quot;image/x-icon&quot;&gt;&nbsp; &nbsp; &lt;link rel=&quot;icon&quot; href=&quot;css/img/favicon.ico&quot; type=&quot;image/x-icon&quot;&gt;&lt;/head&gt;&lt;body&gt;&nbsp;&nbsp; &lt;div id=&quot;container&quot;&gt;&nbsp;&nbsp; &nbsp; &lt;b style=&quot;font-size: 150%;&quot;&gt;Under &lt;font color=&quot;red&quot;&gt;Maintenance&lt;/font&gt;&lt;/b&gt;&nbsp;&nbsp; &nbsp; &lt;br&gt;&nbsp; &nbsp; &lt;IMG SRC=&quot;css/img/figure2.gif&quot;&nbsp; ALIGN=LEFT&gt;&nbsp; &nbsp; &lt;p&gt; Hey, we're sorry but unfortunatley our website is under &lt;strong&gt;&nbsp; Maintenance &lt;/strong&gt; at the momment, but don't worry ! &lt;/p&gt;&nbsp; &nbsp; &lt;br&gt;&nbsp; &nbsp; &lt;br&gt;&nbsp; &nbsp; &lt;p&gt; We're sorry that our website is under maintenance, but when it's back, it will be better &amp; faster, but we're sorry for any trouble&nbsp; &nbsp; that this has caused you! On the bright-side you can look forward to a new slick &amp; fast website ! &lt;p&gt;&nbsp; &nbsp; &lt;br&gt;&nbsp; &nbsp; &lt;br&gt;&lt;strong&gt; &lt;p&gt; Thanks for baring with us for a little bit, &lt;/strong&gt; Reech Management! &lt;/p&gt;&nbsp;&nbsp; &lt;/div&gt;&nbsp;&nbsp; &lt;div id=&quot;container&quot;&gt;&nbsp;&nbsp; &lt;b style=&quot;font-size: 100%;&quot;&gt;What will be on the new update !&lt;/b&gt;&lt;br&gt;&lt;br&gt;&nbsp;&lt;!-- Change depending on what would be on the website/web-update --&gt;&nbsp; &lt;p&gt;On the new website update you can expect these slick new features !&lt;/p&gt;&nbsp; &lt;ul&gt;&nbsp; &nbsp; &lt;li&gt;Feature1&lt;/li&gt;&nbsp; &nbsp; &lt;li&gt;Feature2&lt;/li&gt;&nbsp; &nbsp; &lt;li&gt;Feature3&lt;/li&gt;&nbsp; &nbsp; &lt;li&gt;Feature4&lt;/li&gt;&nbsp; &lt;/ul&gt;&nbsp; &lt;/div&gt;&nbsp; &lt;div id=&quot;container&quot;&gt;&nbsp;&lt;!-- Contact Section --&gt;&nbsp; &lt;h2&gt; Contact us ! &lt;/h2&gt;&nbsp; &lt;b style=&quot;font-size: 100%;&quot;&gt;Interested in speaking to us at Reech ?&lt;/b&gt;&lt;br&gt;&lt;br&gt;&nbsp; &lt;p&gt;Why not shoot a message to Reech's Founder on Twitter ! @{TwitterName}&lt;/p&gt;&nbsp;&lt;/body&gt;&lt;/html&gt;[/HTML]I think I did a semi-alright job at making it a little bit better !Link to download: <a href="http://www.mediafire.com/file/z1z7rbyc9ofkwtr/Maintenace%20Page.rar" target="_blank">http://www.mediafire.com/file/z1z7rbyc9ofkwtr/Maintenace Page.rar</a>Be honest with your opinions, and yes I know that &lt;br&gt; is bad to use, but it was in the original code and I couldn't think of a way to clean it up.[doublepost=1514356709,1514356628][/doublepost]Also the background is a gif, so it looks alot better when you actually open it instead of the scrnshot.[doublepost=1514363676][/doublepost]Have no idea why it was moved to Habbo Releases as the only relation to Habbo is an image, While other maintenance forums are almost 100% Habbo, confusing but still, at least it's on Habbo.</blockquote>

[QUOTE="Moon, post: 425436, member: 78959"] Hey guys, I'm new to Devbest and don't have alot of Web Development skills, only the basics but as I'm learning I think the best way for me to learn would be for me to study and edit something on my level. So I was searching on Devbest and I love the style of the maintenance page released by [USER=8477]@KyleVonnie[/USER]. I cleaned up some of the code I think and managed to make it easier to read. I know its sloppy but its the best I could do and hopefully next time I should do better! [SPOILER="Before"][IMG]https://devbest.com/proxy.php?image=http%3A%2F%2Fi.imgur.com%2FDlYjSTc.png&hash=92526936258217375eed245ebe96b87e[/IMG] [/SPOILER] [SPOILER="After"][IMG]http://attachments/capture-png.6698/?embedded=1&temp_hash=b0778d29d3dd91b4436a77372425a694[/IMG] [IMG]https://devbest.com/attachments/capture-png.6698/?temp_hash=b0778d29d3dd91b4436a77372425a694[/IMG] [/SPOILER] Also the code before I edited it: [HTML]<!DOCTYPE html> <title>Maintenance Break</title> <style type="text/css"> body { font-family:"Tahoma",Verdana,Arial; font-size:13px; background: #3399CC repeat; } #container { background: #ffffff; width: 728px; margin: 15px auto 15px auto; padding: 10px; border: 2px solid black; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } </style> <div id="fb-root"></div> <body> <div id="container"> {hotelname} Hotel Maintenance <IMG SRC="http://habboemotion.com/resources/images/figures/Figure%20(4).gif" ALIGN=LEFT> We are currently working on {hotelname}, and under-going a maintenance break. Please check back later and be aware of new changes, updates, and news! You can check all updates, we are making during this maintenance, below, and maybe comment on some other changes we can make to make {hotelname} better! Thanks for choosing our retro over the rest, {hotelname} Management & Staff! </div> <div id="container"> Updates Below you can find all the updates we are currently making during this maintenance page! Comment on other changes we should make. <ul> <li>Better CMS</li> <li>Less Lag</li> <li>Customized Catalogue</li> <li>More furni/customs</li> </div> <div id="container"> Questions? Comments? Complaints? Post them below via Facebook. We would also love to hear ideas on new updates for current/future maintenance breaks! SOME KIND OF COMMENTS GO HERE, WAS TO LAZY TO ADD MYSELF :P </body> </html>[/HTML] And the Code after I edited it: [HTML]<!DOCTYPE html>  <html>  <link rel="stylesheet" type="text/css" href="css/main.css"> <head> <title>Maintenance Break</title> <link rel="shortcut icon" href="css/img/favicon.ico" type="image/x-icon"> <link rel="icon" href="css/img/favicon.ico" type="image/x-icon"> </head> <body> <div id="container"> Under Maintenance <IMG SRC="css/img/figure2.gif" ALIGN=LEFT> Hey, we're sorry but unfortunatley our website is under Maintenance at the momment, but don't worry ! We're sorry that our website is under maintenance, but when it's back, it will be better & faster, but we're sorry for any trouble that this has caused you! On the bright-side you can look forward to a new slick & fast website ! Thanks for baring with us for a little bit, Reech Management! </div> <div id="container"> What will be on the new update !  On the new website update you can expect these slick new features ! <ul> <li>Feature1</li> <li>Feature2</li> <li>Feature3</li> <li>Feature4</li> </ul> </div> <div id="container">  <h2> Contact us ! </h2> Interested in speaking to us at Reech ? Why not shoot a message to Reech's Founder on Twitter ! @{TwitterName} </body> </html>[/HTML] I think I did a semi-alright job at making it a little bit better ! Link to download: [URL]http://www.mediafire.com/file/z1z7rbyc9ofkwtr/Maintenace%20Page.rar[/URL] Be honest with your opinions, and yes I know that is bad to use, but it was in the original code and I couldn't think of a way to clean it up. [doublepost=1514356709,1514356628][/doublepost]Also the background is a gif, so it looks alot better when you actually open it instead of the scrnshot. [doublepost=1514363676][/doublepost]Have no idea why it was moved to Habbo Releases as the only relation to Habbo is an image, While other maintenance forums are almost 100% Habbo, confusing but still, at least it's on Habbo. [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members