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 likeTHISfor 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 myFORUM (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 : 13028
Reputation : 2704
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 backgroundso 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 thecategories 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 thetext
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 : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.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