The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

wallpaper with html instead logo and navigation

View previous topic View next topic Go down

Solved wallpaper with html instead logo and navigation

Post by healx1 on November 12th 2014, 2:45 pm

Hello 
i'm trying to do something like THIS for my forum 
i created big part of the design but i dont know how to make it works on the page. 
Its like fixed background with navigation bar on it. 
i can move my navigation bar on the right place but i dont know how to make just epmpty space 
instead of my forum logo. 
and i am not sure that if i move my navigation bar that will be ok on every monitor size 
coz it takes automatic resize  for every monitor.
The size of the image with navigation bar which i made is 1920x 1000 

if you can give me some code to make  space for such a  html wallpaper above my forum instead my logo and navigation  will be really cool 




anyway thats my FORUM  (phpBB3)


Last edited by healx1 on November 13th 2014, 1:27 pm; edited 4 times in total (Reason for editing : >)

healx1
New Member

Posts : 11
Reputation : 1
Language : bulgarian

http://inferno.road2us.com

Back to top Go down

Solved Re: wallpaper with html instead logo and navigation

Post by Ange Tuteur on November 12th 2014, 11:33 pm

Hello healx1,

You can set it as a background image on the body, and then add some margin above the wrap so that it's visible. Go to Display > Colors > CSS stylesheet

Add the code below
Code:
body { background:url(http://imageshack.com/a/img913/4543/f4kXxC.jpg) no-repeat scroll top / 100% #000 }
#wrap { margin-top:500px }

Then all you need to do is remove the current logo, and add some images for the navigation. If you need to reposition the navigation, let me know.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: wallpaper with html instead logo and navigation

Post by healx1 on November 13th 2014, 12:27 pm

@Ange Tuteur wrote:Hello healx1,

You can set it as a background image on the body, and then add some margin above the wrap so that it's visible. Go to Display > Colors > CSS stylesheet

Add the code below
Code:
body { background:url(http://imageshack.com/a/img913/4543/f4kXxC.jpg) no-repeat scroll top / 100% #000 }
#wrap { margin-top:500px }

Then all you need to do is remove the current logo, and add some images for the navigation. If you need to reposition the navigation, let me know.


Thanks mate Smile 
i missed your answer yesterday but i figured it out 
you can see how it looks Now



i used little bit different tactic
coz if i use simple background pic i will lose the second background so i  
added logo pic and changed the position of the logo with this 
Code:
#logo {
margin-left: -400px;
margin-top: px;
}

then i changed and the main menu position  with this code 
Code:
.mainmenu{
position:relative;
top:-720px;

but still the wrap pic was too high so i just used super long pic Very Happy 
with black color in the start because the pic start from the top of the page even above the logo 


Code:
wrap {
    background-image: url('http://i59.servimg.com/u/f59/18/90/53/73/bg412.jpg');
    background-color: rgba(0, 0, 0, 0.0);
    border: 1px solid #000;
    margin-top: auto ;
    min-width: 768px;
    padding: 10px;
    width: 980px;
}
  

 
now i only want to change couple  
SAMPLE PIC
i wanna put image for background of that selected space instead this color (#171717) 
with the size of the categories background 
because now there is empty space coz of some elements like body line and etc 

and to make some space between the categories and the Forum topics 
because that gray color is with 2,3 pixels in the zone of the categories background pic.
 

and there is some strange black hover color on the text
which is strange because i dont have any black color for text in my  display -> color options at all :\ 
thats probably from the original them of the forum but i dont see scripts for this in the css stylesheet

still i cant figure it out how to do it 
i got one code 
but dont works as well :\ 
so thats the last detail from my design 
thats all actualy Smile

healx1
New Member

Posts : 11
Reputation : 1
Language : bulgarian

http://inferno.road2us.com

Back to top Go down

Solved Re: wallpaper with html instead logo and navigation

Post by healx1 on November 13th 2014, 1:25 pm

ahhhh i figured it out 
omg 
just copy the basic css  elements and change  every elemen as  i want 
Very Happy


now i can fix the problems i think 

thank you very much for the support 
this site has the best support ever Smile)))
all the best Smile

healx1
New Member

Posts : 11
Reputation : 1
Language : bulgarian

http://inferno.road2us.com

Back to top Go down

Solved Re: wallpaper with html instead logo and navigation

Post by SLGray on November 13th 2014, 6:30 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum