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.

How to do this awesome hompage message

View previous topic View next topic Go down

How to do this awesome hompage message

Post by refresh102 on March 26th 2015, 11:33 am

hey hey how to this one ?

heres the site i see this one (one in the homepage message) anyone can give me the code of this please?
Site where i see this awesome homepage message.. LINK HERE


Last edited by refresh102 on March 27th 2015, 1:42 pm; edited 1 time in total

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Re: How to do this awesome hompage message

Post by SLGray on March 26th 2015, 5:11 pm

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.


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

Re: How to do this awesome hompage message

Post by refresh102 on March 27th 2015, 1:42 pm

Bump help please

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Re: How to do this awesome hompage message

Post by refresh102 on March 29th 2015, 12:10 am

Please help me bump

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Re: How to do this awesome hompage message

Post by brandon_g on March 29th 2015, 1:11 am

@refresh102 wrote:Bump help please

@refresh102 wrote:Please help me bump


Hello,
Thanks for being patient.

Now what part of that are you trying accomplish? The background? The icon?

-Brandon

brandon_g
Support Moderator
Support Moderator

Male Posts : 5140
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Re: How to do this awesome hompage message

Post by refresh102 on March 29th 2015, 3:12 am

Thank you for replying me brother what im trying to accomplish is that the image with the sideroll with forum updates. you can refer it here LINK HERE can you help me with that the DA  homepage message one with the DA Forum News And Updates with image icon and words and with scrollbar.

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Re: How to do this awesome hompage message

Post by refresh102 on March 31st 2015, 3:35 am

Bump ok i need a scrollbox code with image beside it

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Re: How to do this awesome hompage message

Post by refresh102 on April 2nd 2015, 2:59 am

ok i guess i need to bump again

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Re: How to do this awesome hompage message

Post by refresh102 on April 3rd 2015, 10:01 am

BUMP!

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Re: How to do this awesome hompage message

Post by refresh102 on April 5th 2015, 10:09 am

Bump please please i beg you help Very Happy

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Re: How to do this awesome hompage message

Post by refresh102 on April 13th 2015, 7:49 am

Bump

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Re: How to do this awesome hompage message

Post by Ange Tuteur on April 13th 2015, 8:13 am

Here's a simple example :
Code:
<style type="text/css">
.info-bloc {
  color:#CCC;
  height:200px;
  position:relative;
  overflow:hidden;
  background:#333;
  border:1px solid #666;
}

.bloc-image {
  position:absolute;
  left:5px;
  top:50%;
  margin-top:-35px;
  width:150px;
}

.bloc-title {
  text-align:center;
  font-size:16px;
  padding:6px 0;
  margin-bottom:5px;
  border-bottom:1px solid #666;
}

.bloc-content {
  height:150px;
  overflow-y:auto;
  border:1px dashed #666;
  border-right:none;
  padding:3px;
  margin-left:160px;
}
</style>
<div class="info-bloc">
  <img class="bloc-image" src="http://illiweb.com/fa/admin/icones/help.png" alt=""/>
  <div class="bloc-title">Title</div>
  <div class="bloc-content">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</div>
</div>

It should be placed where HTML formats, such as the homepage message or HTML page. It's just a set of blocks along with a single image, the rest is styled with CSS. All you needed to do was place an image next to the block that contains your text and initiate overflow-y so you can scroll vertically. The image itself is position absolutely so you can move it wherever you want.

Anyway, it should give you the following result.

Ange Tuteur
Forumaster

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

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