|
   |
| Forum moderator: bigblog |
| uCoz Community For Webmasters Design Customization control the informer css |
| control the informer css |
hello every body,peace be upon you
i have some important questions..... first : there is no css codes for informers there is only the informer template then how i control the design of displaying the in former ..... for example i want to add aback ground when the cursor is over the thread title on informer with Code li:hover{ background:#f1f1f1; } how can i find the place to control the design of the list which view the informer threads ?? secondly i want to change the size of the photo of avideo only in informer not in the video module how  ?? my regards, |
3mr, you can see the classes used in the informers via the 'Inspect element' option of your browser. You can also add your own classes to the website CSS, and then use them in the informer templates.
I'm not active on the forum anymore. Please contact other forum staff.
|
via the 'Inspect element' option of my browser i found that
Code <div class="bblocktitle"></div> <div class="bblockcontent"> <li></li> <li></li> <li> <a href="/forum/31-17-1"></a> <div align="left" style="font:7pt"></div> </li> <li></li> <li></li> </div> but the strange is: the class i found is the same class i have put at html editor to contain the informer .... i tried to do it throught that class but no thing happened !!!  Quote Sunny (  )You can also add your own classes to the website CSS, and then use them in the informer templates. i am not sure i understood correctly what you mean . where should i add the classes ? then where can i edit them ...css file or informer template ?? ..you have a new private message here , please read and reply |
Quote 3mr ( )via the 'Inspect element' option of my browser i found that Provide the URL of your website. Quote 3mr ( )where should i add the classes ? To the CSS template of your website. Then you can use such classes in the informer template. I'm not active on the forum anymore. Please contact other forum staff.
|
ok,
..... my site Quote Sunny ( )To the CSS template of your website. Then you can use such classes in the informer template. the classes must be added in html not css ....... css is only to control the format of the selected "Specified"Element ...aren't they? *what is islam ?
*morality in islam *why islam. *what non-muslim thinkers said about the prophet muhammad Post edited by 3mr - Monday, 2014-06-23, 3:57 PM
|
So, the classes of your informer blocks are bblocktitle and bblockcontent. I don't see them listed in your CSS, so you will need to add them manually and edit the parameters as you like.
Quote 3mr ( )the classes must be added in html not css ....... css is only to control the format of the selected "Specified"Element ...aren't they? You add a class to CSS and specify the necessary parameters (like font size, color etc.). Then you assign this class to a HTML element in the HTML code. I suggest the following HTML and CSS tutorial: http://www.w3schools.com/ I'm not active on the forum anymore. Please contact other forum staff.
|
Quote Sunny ( )I suggest the following HTML and CSS tutorial: http://www.w3schools.com/ i have already studied html,css language and some lessons at java script but at arabic as my english is not very well Quote Sunny ( )You add a class to CSS and specify the necessary parameters (like font size, color etc.). Then you assign this class to a HTML element in the HTML code. ok , i add the classes like : Code .elemnt{} i want to control the list which view the threads and with that way i think i can't do it ! |
the page is my site home page
you will find 6 blocks on the page 3 after 3 "i made them " they contain informers , i want to make the back ground of the <li> which contain the thread in informer> another color when the cursor is over with Code li:hover{ background:#f1f1f1; } imageof the blocks i made  i can't use the classes you mentioned at your reply "blocktitle,block content" as i added them and i can only control the shape of them and the links as well....... not the list which view threads in informer as the "blockcontent" contain the recall code of informer i other words, i want to control the design way of viewing threads in informer to get recall code.... regards Added (2014-06-24, 10:25 AM) Code .bblockcontent li:hover{ background:#f1f1f1; } *what is islam ?
*morality in islam *why islam. *what non-muslim thinkers said about the prophet muhammad Post edited by 3mr - Tuesday, 2014-06-24, 4:08 PM
|
it only will change the color of links when the cursor is over ..... it is not the wanted
i tried to use that as well Code li A:hover {background:#f1f1f1;} but it is not the wanted either to do it correctly i must do it with a <li> but the problem is where and with which class ?? Added (2014-06-25, 4:16 PM) --------------------------------------------- finally ....... the problem solved ...thank you so much ..... i added the class to informer template and then put them at css and put this code Code .hi li:hover{ background:#f1f1f1; } however, this code didn't work Code .hi ul{ list-style-type:none; } and i have a new problem  at the image i put above .... the height of the block changes According to the threads title i think that is not good for my site i put a height to the table which contain the blocks and made the cellpadding 0 px To no avail how can i do it ? second, i need your help ! if you use a computer with a square screen please take a photo of my site and put it here ... best regards *what is islam ?
*morality in islam *why islam. *what non-muslim thinkers said about the prophet muhammad Post edited by 3mr - Thursday, 2014-06-26, 0:01 AM
|
Quote 3mr ( )however, this code didn't work Use the following: Code .hi li {list-style-type: none;} Quote 3mr ( )i put a height to the table which contain the blocks and made the cellpadding 0 px To no avail Add the following line to the CSS: Code .bblockcontent {height:300px;overflow-y:scroll;} Quote 3mr ( )second, i need your help ! if you use a computer with a square screen please take a photo of my site and put it here ... Resize your browser window and you will be able to see how your website looks yourself. You can also use services like http://quirktools.com/screenfly/ I'm not active on the forum anymore. Please contact other forum staff.
|
hi Sunny,
they all succeeded  thanks a lot , and i want to change the size of the photo of the video in informer .... how ? thanks again , my best regards *what is islam ?
*morality in islam *why islam. *what non-muslim thinkers said about the prophet muhammad Post edited by 3mr - Saturday, 2014-06-28, 1:41 AM
|
Quote 3mr ( )and i want to change the size of the photo of the video in informer .... how ? Add the necessary height and width parameters for the corresponding variable ($SCREEN_URL$ I guess). I'm not active on the forum anymore. Please contact other forum staff.
|
| |||
| |||