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 make widget with css?

View previous topic View next topic Go down

how to make widget with css?

Post by erchima on November 25th 2013, 4:29 pm

how to make widget with put code to CSS ?

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Re: how to make widget with css?

Post by Ange Tuteur on November 25th 2013, 4:34 pm

Hello erchima,

You would first need to design your widget with HTML and give your HTML elements class names. The class names allow you to style your HTML elements through your CSS stylesheet.

Example:

HTML:
Code:
<div class="myDIV">This is a square</div>
CSS:
Code:
.myDIV{
background:#f00;
width:100px;
height:100px;
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Re: how to make widget with css?

Post by erchima on November 25th 2013, 4:44 pm

SethC1995 wrote:Hello erchima,

You would first need to design your widget with HTML and give your HTML elements class names. The class names allow you to style your HTML elements through your CSS stylesheet.

Example:

HTML:
Code:
<div class="myDIV">This is a square</div>
CSS:
Code:
.myDIV{
background:#f00;
width:100px;
height:100px;
}
how to hide the widget but the widget still works, without inserting code into the "widget management"

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Re: how to make widget with css?

Post by Luffy on November 25th 2013, 4:47 pm

Add this:
Code:
<div class="myDIV">This is a square</div>
And put it in the template..






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Re: how to make widget with css?

Post by Ange Tuteur on November 25th 2013, 4:47 pm

I don't understand what you're trying to do. Could you elaborate?

Thanks

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Re: how to make widget with css?

Post by Luffy on November 25th 2013, 4:51 pm

She wants the content of the widget to be shown to the forum when the widget is not visible.

That is why i said to put the div thing and put it in the template and then fix it through the css..






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Re: how to make widget with css?

Post by erchima on November 25th 2013, 4:53 pm

SethC1995 wrote:I don't understand what you're trying to do. Could you elaborate?

Thanks
for example i want to install the widget disable click,
The code must be entered into the widget management to enable the widget.
nah, I have to ask is, how to insert the widget disable click without inserting code into the widget management, but by entered into the CSS.
more specifically, how to run widgets with css, without using the widget management.
This may be very difficult xD

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Re: how to make widget with css?

Post by Luffy on November 25th 2013, 5:00 pm

The disable right click code works just fine in the description spot. You just copy the code and paste it in the description of ur forum and it works fine!! But mind that if u have the code in the widget, remove it because then it wont work!! Very Happy






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Re: how to make widget with css?

Post by Sir Chivas™ on November 25th 2013, 5:02 pm

Hi,

So are you trying to disable right click for your forum?

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: how to make widget with css?

Post by erchima on November 25th 2013, 5:23 pm

Marios94 wrote:The disable right click code works just fine in the description spot. You just copy the code and paste it in the description of ur forum and it works fine!! But mind that if u have the code in the widget, remove it because then it wont work!! Very Happy
Sir Chivas™ wrote:Hi,

So are you trying to disable right click for your forum?
it only as an example sir, not just disable the click i use

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Re: how to make widget with css?

Post by Ange Tuteur on November 25th 2013, 5:32 pm

If the widget contains javascript place the javascript in javascript codes management. If it contains CSS place the CSS in your CSS stylesheet.

Without any specifics on the type of widget you're trying to do this for, we wont be able to help very much.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Re: how to make widget with css?

Post by elle shadowalker on November 25th 2013, 6:36 pm

ok i think i understand put this in CSS don´t forget about background link
Code:
#content-container div#left {
position: fixed;
top: 0;
left: 0;
overflow: auto;
overflow-x: hidden;
height: 100%;
}
.bodylinewidth {
margin-left: 280px;
}
.sceditor-container iframe, .sceditor-container textarea {
          background-image:  url("background image!!!") !important;
          background-position:  center center !important;
          background-repeat:  no-repeat !important;
    }
you can normaly edit widgets not in css but were widgts usually edit !

elle shadowalker
Forumember

Posts : 51
Reputation : 1
Language : english, slovenian

http://coco.my-free-forum.com/

Back to top Go down

Re: how to make widget with css?

Post by erchima on November 25th 2013, 6:50 pm

how to remove it? if widget activated
Spoiler:


erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Re: how to make widget with css?

Post by elle shadowalker on November 25th 2013, 6:53 pm

turn off widgets ? i don˙t understand anymore your questons o.o do you wanna remove it or make it ?

elle shadowalker
Forumember

Posts : 51
Reputation : 1
Language : english, slovenian

http://coco.my-free-forum.com/

Back to top Go down

Re: how to make widget with css?

Post by erchima on November 25th 2013, 6:55 pm

make widget active without make space

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Re: how to make widget with css?

Post by elle shadowalker on November 25th 2013, 7:07 pm

aha, now i know what you mean ! for that you can use my css code just delete background Very Happy and it should work. when you will use css this space will be gone. - without css that won˙t be possible.

elle shadowalker
Forumember

Posts : 51
Reputation : 1
Language : english, slovenian

http://coco.my-free-forum.com/

Back to top Go down

Re: how to make widget with css?

Post by Ange Tuteur on November 25th 2013, 7:10 pm

Add this to your CSS stylesheet:
Code:
#content-container div#content{
margin-right:0px;
}
#content-container div#right{
display:none;
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Re: how to make widget with css?

Post by erchima on November 25th 2013, 7:13 pm

@elle shadowalker wrote:ok i think i understand put this in CSS don´t forget about background link
Code:
#content-container div#left {
position: fixed;
top: 0;
left: 0;
overflow: auto;
overflow-x: hidden;
height: 100%;
}
.bodylinewidth {
margin-left: 280px;
}
.sceditor-container iframe, .sceditor-container textarea {
          background-image:  url("background image!!!") !important;
          background-position:  center center !important;
          background-repeat:  no-repeat !important;
    }
you can normaly edit widgets not in css but were widgts usually edit !
not work xD

EDIT:
SethC1995 wrote:Add this to your CSS stylesheet:
Code:
#content-container div#content{
margin-right:0px;
}
#content-container div#right{
display:none;
}
its work, applies to all widgets?


Last edited by erchima on November 25th 2013, 7:15 pm; edited 1 time in total

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Re: how to make widget with css?

Post by elle shadowalker on November 25th 2013, 7:14 pm

it should can you provide me link please Very Happy and i will try to fixed this code ! promise

elle shadowalker
Forumember

Posts : 51
Reputation : 1
Language : english, slovenian

http://coco.my-free-forum.com/

Back to top Go down

Re: how to make widget with css?

Post by erchima on November 25th 2013, 7:17 pm

@elle shadowalker wrote:it should can you provide me link please Very Happy and i will try to fixed this code ! promise
http://erchima.4ulike.com
but it fixed used code by SethC1995, but if for all widgets will disappear?

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Re: how to make widget with css?

Post by elle shadowalker on November 25th 2013, 7:19 pm

it semseed that it˙s fixed ?

elle shadowalker
Forumember

Posts : 51
Reputation : 1
Language : english, slovenian

http://coco.my-free-forum.com/

Back to top Go down

Re: how to make widget with css?

Post by erchima on November 25th 2013, 7:21 pm

@elle shadowalker wrote:it semseed that it˙s fixed ?
no, only in home page, after clicking another link, this widget not activated Confused 

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Re: how to make widget with css?

Post by elle shadowalker on November 25th 2013, 7:22 pm

ok i will check a little bit in other forums if i can find solution. but i can˙t promise anything ok ?

elle shadowalker
Forumember

Posts : 51
Reputation : 1
Language : english, slovenian

http://coco.my-free-forum.com/

Back to top Go down

Re: how to make widget with css?

Post by erchima on November 25th 2013, 7:23 pm

@elle shadowalker wrote:ok i will check a little bit in other forums if i can find solution. but i can˙t promise anything ok ?
umm ok tahnk you before kiss 

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Re: how to make widget with css?

Post by Ange Tuteur on November 25th 2013, 7:32 pm

Remove the old one and try this instead:

Code:
#content-container div#content{
margin-right:0px;
}
#content-container div#right{
opacity:0;
filter:alpha(opacity=0);
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Re: how to make widget with css?

Post by erchima on November 25th 2013, 7:34 pm

SethC1995 wrote:Remove the old one and try this instead:

Code:
#content-container div#content{
margin-right:0px;
}
#content-container div#right{
opacity:0;
filter:alpha(opacity=0);
}
back to normal, there is still space,
before this code work but only work on homepage

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Re: how to make widget with css?

Post by erchima on November 27th 2013, 1:39 am

up

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Re: how to make widget with css?

Post by erchima on November 29th 2013, 10:07 am

please solved, I have found the problem Thank you for helping me kisskiss

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Re: how to make widget with css?

Post by Ange Tuteur on November 29th 2013, 1:50 pm

Since no solution was given => Garbaged

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
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