how to make widget with css?

how to make widget with put code to CSS ?

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

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"

Add this:

Code:

<div class="myDIV">This is a square</div>

And put it in the template..

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

Thanks

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

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

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

Hi,

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

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

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

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.

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 !

how to remove it? if widget activated

Spoiler:

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

make widget active without make space

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

Add this to your CSS stylesheet:

Code:

#content-container div#content{
margin-right:0px;
}
#content-container div#right{
display:none;
}

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?

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

elle shadowalker wrote:it should can you provide me link please  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?

it semseed that it˙s fixed ?

elle shadowalker wrote:it semseed that it˙s fixed ?

no, only in home page, after clicking another link, this widget not activated  

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

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  

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);
}

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

up

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