~ Forums of Enroth ~

An Enroth diehard fan community
 
HomeHome  ChatChat  FAQFAQ  SearchSearch  RegisterRegister  Log inLog in  
Latest topics
» Design of H3SW page on www.moddb.com
by GodRage 2018-01-17, 06:18

» H3SW: General Graphics discussion
by GodRage 2018-01-17, 05:33

» Homm2 gog/dosbox balance mod
by Arstahd 2018-01-11, 17:56

» Modding Questions
by Arstahd 2018-01-11, 17:48

» H3SW General Discussion
by Orzie 2018-01-09, 02:21

» Pixel Painting: GodRage
by GodRage 2018-01-04, 03:09

» Lands of Enroth 2018
by GodRage 2018-01-03, 21:29

Poll
"Wait" in HoMM2?
Yes
81%
 81% [ 50 ]
No
19%
 19% [ 12 ]
Total Votes : 62
Most Viewed Topics
H3SW: General Graphics discussion
Ragoon's Graphics For HoMM3SW
H3SW General Discussion
H3SW: Dwelling Development
H3SW Map List: Work in progress
Enrothian Fan Art
Dervish Faction General Concept
Commanders?
Серия книг "Земли Меча и Магии"
H3SW Recruitment Point - Enroth Needs You!

Share | 
 

 Design of H3SW page on www.moddb.com

View previous topic View next topic Go down 
Go to page : Previous  1, 2, 3, 4
AuthorMessage
GodRage
Webmaster
Webmaster
avatar

Messages : 673
Quality Points : 156
Registration Date : 2009-09-21

PostSubject: Re: Design of H3SW page on www.moddb.com   2018-01-10, 09:10

No we can't use the area html's tag, the technic we use is " piecing ". (sorry i wrote peace instead of piece in my previous post.. My bad. )
So we put image by image, and some of the images has a link, and in css the :hover will replace the image by the hover-image. We set a copy of the image on the background to avoid the glitch. Smile
with the previous images it gaves:
becomes cause of *
*this "button" is on the same line, so we must put the same image's size. xD

But it's okay i will do it, probably tomorrow, because i want to do it very well, h3sw desserve a fully awake guy working on that.

________________________
~Lands of Enroth~
Back to top Go down
http://homm2.free.fr
GodRage
Webmaster
Webmaster
avatar

Messages : 673
Quality Points : 156
Registration Date : 2009-09-21

PostSubject: Re: Design of H3SW page on www.moddb.com   2018-01-12, 07:38

Okay it's here: http://homm2.free.fr/s/vrac/h3sw/z0test3.html
when we'll put the code on moddb, the space between new line swill disappear.

Remember for the future that if you want to change the hover image, you must modify the css. (and so, ask an admin to modify the css..)

________________________
~Lands of Enroth~
Back to top Go down
http://homm2.free.fr
Orzie
Master Modder
Master Modder
avatar

Messages : 1636
Quality Points : 687
Registration Date : 2014-12-12
Age : 26
Location : Tomsk, Russia

PostSubject: Re: Design of H3SW page on www.moddb.com   2018-01-12, 08:00

Looking great! When we will be sending the code and images to the moddb officials, I'll try to fix as much as I can so that we won't have to bother them again for a long time. I will do all that in the end, when we will finish the remaining aspects like fonts, window design, the main page content, etc.

For now I would like to see how the entire moddb main page will look with that window put inside, if it is possible (even without the mouseover effect; it's just to provide a more clear vision on how the page would look). Please do that with the HommSmall size of 10px, the native one. 11px demonstrate some distorted letters, which make reading of the text even harder than it would for native 10px.

P.S. So, no chance to have a popup text window as shown on the concept image ("Visit our VK page" in that example)? If this is the cost we have to pay for the buttons to display perfectly (without loading glitches), it's okay though: there are some other ideas on how to fill that part of the picture.

________________________
In case someone cares for my music:
Mylinks_profile_page
Back to top Go down
GodRage
Webmaster
Webmaster
avatar

Messages : 673
Quality Points : 156
Registration Date : 2009-09-21

PostSubject: Re: Design of H3SW page on www.moddb.com   2018-01-17, 06:18

Okay, i pasted the "street" in moddb :
(here is the code used right now)
Code:

<div style="padding: 0px; margin: 0px; border: 0px">
<img
src="http://homm2.free.fr/s/vrac/h3sw/street2018/a1.png" style="padding:0px;margin:0px;border:0px;display:inline-block;width:940px;height:175px;background-image: url(http://homm2.free.fr/s/vrac/h3sw/street2018/a1.png);"><br><img
src="http://homm2.free.fr/s/vrac/h3sw/street2018/b1.png" style="padding:0px;margin:0px;border:0px;display:inline-block;width:431px;height:101px;background-image: url(http://homm2.free.fr/s/vrac/h3sw/street2018/b1.png);"><a href="http://heroes2.forumactif.com"><img
src="http://homm2.free.fr/s/vrac/h3sw/street2018/b2.png" style="padding:0px;margin:0px;border:0px;display:inline-block;width:142px;height:101px;background-image: url(http://homm2.free.fr/s/vrac/h3sw/street2018/b2.png);"></a><a href="https://www.youtube.com/user/TheSuccessionWarsMod/videos"><img
src="http://homm2.free.fr/s/vrac/h3sw/street2018/b3.png" style="padding:0px;margin:0px;border:0px;display:inline-block;width:149px;height:101px;background-image: url(http://homm2.free.fr/s/vrac/h3sw/street2018/b3.png);"></a><img src="http://homm2.free.fr/s/vrac/h3sw/street2018/b4.png" style="padding:0px;margin:0px;border:0px;display:inline-block;width:218;height:101px;background-image: url(http://homm2.free.fr/s/vrac/h3sw/street2018/b4.png);">

<br>

<img
src="http://homm2.free.fr/s/vrac/h3sw/street2018/c1.png" style="padding:0px;margin:0px;border:0px;display:inline-block;width:288px;height:132px;background-image: url(http://homm2.free.fr/s/vrac/h3sw/street2018/c1.png);"><a href="https://vk.com/thesuccessionwarsmod"><img
src="http://homm2.free.fr/s/vrac/h3sw/street2018/c2.png" style="padding:0px;margin:0px;border:0px;display:inline-block;width:128px;height:132px;background-image: url(http://homm2.free.fr/s/vrac/h3sw/street2018/c2.png);"></a><img
src="http://homm2.free.fr/s/vrac/h3sw/street2018/c3.png" style="padding:0px;margin:0px;border:0px;display:inline-block;width:279px;height:132px;background-image: url(http://homm2.free.fr/s/vrac/h3sw/street2018/c3.png);"><a href="https://www.facebook.com/thesuccessionwarsmod"><img
 src="http://homm2.free.fr/s/vrac/h3sw/street2018/c4.png" style="padding:0px;margin:0px;border:0px;display:inline-block;width:113px;height:132px;background-image: url(http://homm2.free.fr/s/vrac/h3sw/street2018/c4.png);"></a><img
 src="http://homm2.free.fr/s/vrac/h3sw/street2018/c5.png" style="padding:0px;margin:0px;border:0px;display:inline-block;width:132px;height:132px;background-image: url(http://homm2.free.fr/s/vrac/h3sw/street2018/c5.png);">
<br>
<img src="http://homm2.free.fr/s/vrac/h3sw/street2018/d1.png" style="padding:0px;margin:0px;border:0px;display:inline-block;width:940px;height:158px;background-image: url(http://homm2.free.fr/s/vrac/h3sw/street2018/d1.png);">
<br>
<a href="http://www.moddb.com/mods/h3sw/downloads"><img
src="http://homm2.free.fr/s/vrac/h3sw/street2018/e1.png" style="padding:0px;margin:0px;border:0px;display:inline-block;width:144px;height:143px;background-image: url(http://homm2.free.fr/s/vrac/h3sw/street2018/e1.png);"></a><img
src="http://homm2.free.fr/s/vrac/h3sw/street2018/e2.png" style="padding:0px;margin:0px;border:0px;display:inline-block;width:796px;height:143px;background-image: url(http://homm2.free.fr/s/vrac/h3sw/street2018/e2.png);">
</div>
i had to add the first line: < div style="padding: 0px; margin: 0px; border: 0px" > because the

that moddb automatically add made white space on the left/right border and that was bad. for the top "little white line" there is so many boxes beginning/ending at this precise area that it may take me time to figure out which one is making this white space. So I may just reduce the size of one of the box to force the unknown one to not make the white space. But that will be later, because maybe other modifications will fix that.

If moddb accept the html id="" then I think i could manage to change the d1 image to show description text. But actually, moddb removes the id="".


un-logged, Homm2small 10px: v4c - ADs for visitors may be annoying. xD
logged-in, native font native-px : v4d
(both are using Homm2big for titles)

I obviously didn't work on the "unlogged visitors" looking. However, the only difference is the black lines on my pages, and... guess what. It's just the commercials. On moddb, when i inject my css in the page, the only problematic commercial is the top one, being over a menu. So i will change the place of the commercial later: after we finish this menu.

ps: sorry for the delay. I always work on H2 when i feel the magic in me.


________________________
~Lands of Enroth~
Back to top Go down
http://homm2.free.fr
Sponsored content




PostSubject: Re: Design of H3SW page on www.moddb.com   

Back to top Go down
 
Design of H3SW page on www.moddb.com
View previous topic View next topic Back to top 
Page 4 of 4Go to page : Previous  1, 2, 3, 4
 Similar topics
-
» Design of H3SW page on www.moddb.com
» Daily Express front page
» Official Madeleine Face Book Page, to be Investigated....
» Origami Design Secrets Robert J.Lang
» Levi Page: Like him or not, he remains passionate about Haleigh!

Permissions in this forum:You cannot reply to topics in this forum
~ Forums of Enroth ~ :: Modding Guild :: Heroes of Might and Magic III: The Succession Wars :: Development Board-
Jump to: