how to make widget with css?
5 posters
Page 1 of 1
Re: how to make widget with 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:
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>
- Code:
.myDIV{
background:#f00;
width:100px;
height:100px;
}
Re: how to make widget with css?
how to hide the widget but the widget still works, without inserting code into the "widget management"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:CSS:
- Code:
<div class="myDIV">This is a square</div>
- Code:
.myDIV{
background:#f00;
width:100px;
height:100px;
}
Re: how to make widget with css?
Add this:
- Code:
<div class="myDIV">This is a square</div>
Re: how to make widget with css?
I don't understand what you're trying to do. Could you elaborate?
Thanks
Thanks
Re: how to make widget with css?
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..
That is why i said to put the div thing and put it in the template and then fix it through the css..
Re: how to make widget with css?
for example i want to install the widget disable click,SethC1995 wrote:I don't understand what you're trying to do. Could you elaborate?
Thanks
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
Re: how to make widget with css?
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!!
Re: how to make widget with css?
Hi,
So are you trying to disable right click for your forum?
So are you trying to disable right click for your forum?
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: how to make widget with css?
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!!
it only as an example sir, not just disable the click i useSir Chivas wrote:Hi,
So are you trying to disable right click for your forum?
Re: how to make widget with css?
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.
Without any specifics on the type of widget you're trying to do this for, we wont be able to help very much.
Re: how to make widget with css?
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;
}
Re: how to make widget with css?
turn off widgets ? i don˙t understand anymore your questons o.o do you wanna remove it or make it ?
Re: how to make widget with css?
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.
Re: how to make widget with css?
Add this to your CSS stylesheet:
- Code:
#content-container div#content{
margin-right:0px;
}
#content-container div#right{
display:none;
}
Re: how to make widget with css?
not work xDelle shadowalker wrote:ok i think i understand put this in CSS don´t forget about background linkyou can normaly edit widgets not in css but were widgts usually edit !
- 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;
}
EDIT:
its work, applies to all widgets?SethC1995 wrote:Add this to your CSS stylesheet:
- Code:
#content-container div#content{
margin-right:0px;
}
#content-container div#right{
display:none;
}
Last edited by erchima on Mon 25 Nov - 12:15; edited 1 time in total
Re: how to make widget with css?
it should can you provide me link please and i will try to fixed this code ! promise
Re: how to make widget with css?
http://erchima.4ulike.comelle shadowalker wrote:it should can you provide me link please and i will try to fixed this code ! promise
but it fixed used code by SethC1995, but if for all widgets will disappear?
Re: how to make widget with css?
no, only in home page, after clicking another link, this widget not activatedelle shadowalker wrote:it semseed that it˙s fixed ?
Re: how to make widget with css?
ok i will check a little bit in other forums if i can find solution. but i can˙t promise anything ok ?
Re: how to make widget with css?
umm ok tahnk you beforeelle shadowalker wrote:ok i will check a little bit in other forums if i can find solution. but i can˙t promise anything ok ?
Re: how to make widget with css?
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);
}
Re: how to make widget with css?
back to normal, there is still space,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);
}
before this code work but only work on homepage
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum