Ambrosia Community

General Category => Graphics Corner => Graphics Show Off => Topic started by: Sickz on December 20, 2013, 08:05:13 pm

Title: An idea for new year's forum design!
Post by: Sickz on December 20, 2013, 08:05:13 pm

Just was bored, so I made this design idea for new design of the forum.
I don't like the navigation bar (forum, home, search). I may change the font and resize text. But I kind of like the logo..
I know that this idea isn't possible, but it's just foundation of my imagination :)






(http://i1265.photobucket.com/albums/jj505/Sickz1/Untitled-1_zps17b571f3.png)






-_-    Hope you like it   -_-

Title: Re: An idea for new year's forum design!
Post by: Deathknife on December 20, 2013, 08:15:10 pm

The idea is possible, the header looks good but the rest looks awful. The line touches the right to the end, doesn't touch the end at the left.

Also you didn't include forum icons.

Title: Re: An idea for new year's forum design!
Post by: tajski on December 20, 2013, 08:33:06 pm

Quote from: How do I change my username? on December 20, 2013, 08:15:10 pm

The idea is possible, the header looks good but the rest looks awful. The line touches the right to the end, doesn't touch the end at the left.

Also you didn't include forum icons.

Quote from: Sickz on December 20, 2013, 08:05:13 pm

I don't like the navigation bar (forum, home, search).

Title: Re: An idea for new year's forum design!
Post by: Cocainee Vendetta on December 20, 2013, 09:00:53 pm

Quote from: Sickz on December 20, 2013, 08:05:13 pm

I know that this idea isn't possible

Why isn't it possible? Of course it is... Just give us the word, would be glad to help. I think we should have at least a responsive design...

Just checked some CSS as well... Was wondering why it took so long to open. Unnecessary background images nearly everywhere.

Google page speed
Desktop: 68/100
Mobile: 56/100

Title: Re: An idea for new year's forum design!
Post by: sagNN on December 21, 2013, 07:00:55 am

sickz, just gimme the images of the theme and i will edit it and test it in a test forum, ofc its possible to be a theme.

Title: Re: An idea for new year's forum design!
Post by: TeeKaaY on December 21, 2013, 07:48:40 am

To be honest, I hate the current theme. I demand a change.

Title: Re: An idea for new year's forum design!
Post by: Santa on December 21, 2013, 09:39:52 am

Well .. Sickz i know you can do better ,, i like the idea of changing the theme.. it is possible why not not make a change but lets wait until christmas is finished and then we'll see what high staff will say agree/disagree ..

Title: Re: An idea for new year's forum design!
Post by: Sickz on December 21, 2013, 11:54:26 am

Quote from: Santa on December 21, 2013, 09:39:52 am

i like the idea of changing the theme.. it is possible why not not make a change but lets wait until christmas is finished and then we'll see what high staff will say agree/disagree ..

That's why I called it new year's forum design idea. Our current forum xmas theme ill be until xmas, I think it could be to the 1st January, maybe..

Title: Re: An idea for new year's forum design!
Post by: Fisu on December 21, 2013, 11:57:25 am

I don't like it. It's quite dark somehow and nah this way it's already good. You can just do something else like above fireworks or something :D

Title: Re: An idea for new year's forum design!
Post by: Kasabiii on December 21, 2013, 12:42:56 pm

Quote from: tonykaram1993 on December 21, 2013, 07:48:40 am

To be honest, I hate the current theme. I demand a change.

^^

Nice one sickz :D

Title: Re: An idea for new year's forum design!
Post by: DonTodo # on December 21, 2013, 02:25:23 pm

I like it mate. :)

Title: Re: An idea for new year's forum design!
Post by: Ray on December 21, 2013, 02:29:09 pm

It's awesome .. just suggest it to Rawr/Card .. i think they might work on it aswell.

Title: Re: An idea for new year's forum design!
Post by: thEnd on December 21, 2013, 02:37:18 pm

Quote from: tonykaram1993 on December 21, 2013, 07:48:40 am

To be honest, I hate the current theme. I demand a change.

2 years ago I demanded the same lol.

But the issue for me is just and only - I don't like white letters on the black background..

Title: Re: An idea for new year's forum design!
Post by: Ray on December 21, 2013, 02:41:18 pm

Quote from: thEnd on December 21, 2013, 02:37:18 pm

Quote from: tonykaram1993 on December 21, 2013, 07:48:40 am

To be honest, I hate the current theme. I demand a change.

2 years ago I demanded the same lol.

But the issue for me is just and only - I don't like white letters on the black background..

Rawr and card working on it as i heard ;D

Title: Re: An idea for new year's forum design!
Post by: MESoo Br♚ on December 21, 2013, 03:54:48 pm

if it's colorful it will be nice :)
i like it ..
good job

Title: Re: An idea for new year's forum design!
Post by: Mr_PY1a on December 21, 2013, 09:35:48 pm

Awesome, I like it

Title: Re: An idea for new year's forum design!
Post by: Ed on December 21, 2013, 11:13:18 pm

I like the AS in the middle, that's about the main change I'd like to see. Forum is good as it is. Maybe a possible user interface would be welcome so members can change a different layout etc.

Title: Re: An idea for new year's forum design!
Post by: Rawrplus on January 14, 2014, 08:48:30 am

Quote from: Mr.Grey on December 21, 2013, 11:13:18 pm

I like the AS in the middle, that's about the main change I'd like to see. Forum is good as it is. Maybe a possible user interface would be welcome so members can change a different layout etc.

Would have to remake almost entire CSS of website.

Title: Re: An idea for new year's forum design!
Post by: Koray on January 14, 2014, 10:25:36 am

Quote from: Rawrplus on January 14, 2014, 08:48:30 am

Quote from: Mr.Grey on December 21, 2013, 11:13:18 pm

I like the AS in the middle, that's about the main change I'd like to see. Forum is good as it is. Maybe a possible user interface would be welcome so members can change a different layout etc.

Would have to remake almost entire CSS of website.

How about something that you guys make it ( anothe forum just to look) and if its good you move this website on that forum with all the posts and stuff in it ?

Title: Re: An idea for new year's forum design!
Post by: tajski on January 14, 2014, 11:53:14 am

Quote from: DonKoray ヽ༼ຈل͜ຈ༽ﾉ on January 14, 2014, 10:25:36 am

How about something that you guys make it ( anothe forum just to look) and if its good you move this website on that forum with all the posts and stuff in it ?

CSS is basically the website, it consists of all the colours, fonts, sizes, margins, . It can be either internal or external; internal would be simply implemented into the source code of the website but as far as I can see this,

Code: [Select]

<link rel="stylesheet" type="text/css" href="http://ambrosia-servers.eu/community/Themes/default/css/ADKrp.css" />
then Ambrosia has a separate CSS file which is the external. No wonder as the CSS can get pretty heavily loaded with all the information. I ain't an expert but I know a little about it since I'm creating a freaking website for my lecturer right now :D

Anyway, for those that are willing to start coding in HTML I advise you use this website as it's basically the best website by far,

www.w3schools.com (http://www.w3schools.com)

OFF//

Here is my website so far hahaha (also a perfect example of internal CSS; highlighted it with red colour) -

DOCTYPE HTML>
<html lang="en">
   <head>
   <meta charset="UTF-8">
      <title>Football</title>
<!--Structured by Kamil W********* -->
   
</head>
<style>
body {background-color:#B8B8B8;}
ul    {font-size:20pt;}
h1    {font-family:"Century Gothic";
          font-size:36pt;
         color:#686868;}
h2    {font-family:"Century Gothic";
          font-size:25pt;
         color:#686868;}
ul, ol, tr, h3, h4    {font-family:"Century Gothic";}

ul, ol, h2, h3, h4, table    {margin-left:150px;}
</style>   
<body>
            
                        <div style="font-family:verdana;padding:20px;border-radius:10px;border:15px solid #EE872A;">
                        <div style="letter-spacing:5px;"><center><h1>Football</h1></center></div>
                        <img border="0" src="football6.jpg" alt="Football" style=";position:absolute;left:900px;bottom:400px;">
                        
                        <div id="Two Top Leagues" style="background-color:#FFD700;height:530px;width:135px;padding:1px;border-radius:10px;float:left;">
                              
Menu</br>
                              
Premier League (http://www.premierleague.com/en-gb.html)</br>
                              
La Liga (http://www.ligabbva.com)</br>
                              
Olivier Giroud (http://en.wikipedia.org/wiki/Olivier_Giroud)</br>
                              
Aaron Ramsey (http://en.wikipedia.org/wiki/Aaron_Ramsey)</br>
                              
Theo Walcott (http://en.wikipedia.org/wiki/Theo_Walcott)</br>
                              
Alexis Sanchez (http://en.wikipedia.org/wiki/Alexis_S%C3%A1nchez)</br>
                              
Pedro (http://en.wikipedia.org/wiki/Pedro_Rodr%C3%ADguez_Ledesma)</br>
                              
Lionel Messi (http://en.wikipedia.org/wiki/Lionel_Messi)</br>
                               </div>

                <h2>Two Top Leagues</h2>

                        <ul>
                                  <li>Premier League (http://www.premierleague.com/en-gb.html)</li>
                                  <li>La Liga (http://www.ligabbva.com)</li>
                       </ul>
   
                <table border="2">
                <tr>
                        <td>Top team in each league</td>
                </tr>
                <tr>
                        <td>Premier League</td>
                        <td>La Liga</td>
                </tr>
                <tr>
                        <td>Arsenal</td>
                        <td>FC Barcelona</td>
                </table>

                <h3>Top 3 strikers this season!</h3>

                <h4>Arsenal</h4>
                <ol>
                        <li>Olivier Giroud</li>
                                    <li>Aaron Ramsey</li>
                                    <li>Theo Walcott</li>
                       </ol>

                <h4>FC Barcelona</h4>
                <ol>
                        <li>Alexis Sanchez</li>
                                    <li>Pedro</li>
                                    <li>Lionel Messi</li>
                        </ol>
                        
                        </div>
                        <div style="opacity:0.2;position:absolute;left:193px;bottom:25px;width:170px;height:227px;background-color:#585858"></div>
                        
                        </div>
   </body>
</html>

Like it or not, it's not finished as I need to fix that freaking grey box as well as that big massive ball that is place incorrectly.

If you have time to spare I recommend having a shot at this, it's basic and to start creating a website all you need it Dreamweaver, HTML Kit or Notepad++, it's all up to you.

Start creating basic layouts and then progress until you get to the stage of remaking an Ambrosian website :p

Sorry for such a long post :D

Title: Re: An idea for new year's forum design!
Post by: Cocainee Vendetta on January 17, 2014, 11:04:32 pm

Remove #logo a width and margin values, change height to 110px. Modify #logo div to width: 350px, margin 0 auto.

Give #top_login a negative hack: margin-top: -100px. Result;

(http://i39.tinypic.com/2d99ocy.jpg)

1 minute. 3 lines.

Quote from: Rawrplus on January 14, 2014, 08:48:30 am

Would have to remake almost entire CSS of website.

Title: Re: An idea for new year's forum design!
Post by: Ed on January 18, 2014, 12:06:43 am

Well is it possible to make sickz suggestion? I think it looks really good, the bent "AS" in the middle.