The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

how to make widget with css?

5 posters

Go down

how to make widget with css? Empty how to make widget with css?

Post by erchima Mon 25 Nov - 9:29

how to make widget with put code to CSS ?
erchima
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

how to make widget with css? Empty Re: how to make widget with css?

Post by Ange Tuteur Mon 25 Nov - 9:34

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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

how to make widget with css? Empty Re: how to make widget with css?

Post by erchima Mon 25 Nov - 9:44

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
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

how to make widget with css? Empty Re: how to make widget with css?

Post by TheCrow Mon 25 Nov - 9:47

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

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

how to make widget with css? Empty Re: how to make widget with css?

Post by Ange Tuteur Mon 25 Nov - 9:47

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

Thanks
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

how to make widget with css? Empty Re: how to make widget with css?

Post by TheCrow Mon 25 Nov - 9:51

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..
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

how to make widget with css? Empty Re: how to make widget with css?

Post by erchima Mon 25 Nov - 9:53

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
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

how to make widget with css? Empty Re: how to make widget with css?

Post by TheCrow Mon 25 Nov - 10:00

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
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

how to make widget with css? Empty Re: how to make widget with css?

Post by Sir Chivas™ Mon 25 Nov - 10:02

Hi,

So are you trying to disable right click for your forum?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

how to make widget with css? Empty Re: how to make widget with css?

Post by erchima Mon 25 Nov - 10:23

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
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

how to make widget with css? Empty Re: how to make widget with css?

Post by Ange Tuteur Mon 25 Nov - 10:32

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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

how to make widget with css? Empty Re: how to make widget with css?

Post by elle shadowalker Mon 25 Nov - 11:36

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
elle shadowalker
Forumember

Posts : 51
Reputation : 1
Language : english, slovenian

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

Back to top Go down

how to make widget with css? Empty Re: how to make widget with css?

Post by erchima Mon 25 Nov - 11:50

how to remove it? if widget activated
Spoiler:
erchima
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

how to make widget with css? Empty Re: how to make widget with css?

Post by elle shadowalker Mon 25 Nov - 11:53

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

Posts : 51
Reputation : 1
Language : english, slovenian

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

Back to top Go down

how to make widget with css? Empty Re: how to make widget with css?

Post by erchima Mon 25 Nov - 11:55

make widget active without make space
erchima
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

how to make widget with css? Empty Re: how to make widget with css?

Post by elle shadowalker Mon 25 Nov - 12:07

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
elle shadowalker
Forumember

Posts : 51
Reputation : 1
Language : english, slovenian

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

Back to top Go down

how to make widget with css? Empty Re: how to make widget with css?

Post by Ange Tuteur Mon 25 Nov - 12:10

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

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

how to make widget with css? Empty Re: how to make widget with css?

Post by erchima Mon 25 Nov - 12:13

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 Mon 25 Nov - 12:15; edited 1 time in total
erchima
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

how to make widget with css? Empty Re: how to make widget with css?

Post by elle shadowalker Mon 25 Nov - 12:14

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

Posts : 51
Reputation : 1
Language : english, slovenian

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

Back to top Go down

how to make widget with css? Empty Re: how to make widget with css?

Post by erchima Mon 25 Nov - 12:17

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
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

how to make widget with css? Empty Re: how to make widget with css?

Post by elle shadowalker Mon 25 Nov - 12:19

it semseed that it˙s fixed ?
elle shadowalker
elle shadowalker
Forumember

Posts : 51
Reputation : 1
Language : english, slovenian

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

Back to top Go down

how to make widget with css? Empty Re: how to make widget with css?

Post by erchima Mon 25 Nov - 12:21

elle shadowalker wrote:it semseed that it˙s fixed ?
no, only in home page, after clicking another link, this widget not activated Confused 
erchima
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

how to make widget with css? Empty Re: how to make widget with css?

Post by elle shadowalker Mon 25 Nov - 12:22

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

Posts : 51
Reputation : 1
Language : english, slovenian

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

Back to top Go down

how to make widget with css? Empty Re: how to make widget with css?

Post by erchima Mon 25 Nov - 12:23

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
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

how to make widget with css? Empty Re: how to make widget with css?

Post by Ange Tuteur Mon 25 Nov - 12:32

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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

how to make widget with css? Empty Re: how to make widget with css?

Post by erchima Mon 25 Nov - 12:34

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
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

how to make widget with css? Empty Re: how to make widget with css?

Post by erchima Tue 26 Nov - 18:39

up
erchima
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

how to make widget with css? Empty Re: how to make widget with css?

Post by erchima Fri 29 Nov - 3:07

please solved, I have found the problem Thank you for helping me kisskiss
erchima
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

how to make widget with css? Empty Re: how to make widget with css?

Post by Ange Tuteur Fri 29 Nov - 6:50

Since no solution was given => Garbaged
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top


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