http://musicmoviesshows.blogspot.in/ is my blog and I need to make changes in the big grey box in the center (replacing it by a picture). What code should I use and where?
The code is exceptionally long and I got this template from Themexpose.
Try to find the navbar ("Title bar") try to find the code that creates that and then delete the divs that you don't want. Try to rummage around the source code that Themexpose provided for you
Related
On my website I have 3 types of employees
barista
barista01
security
and I would like to hide the barista01 option but leave the others as they are (please refere to the picture).
When i try to use $("div:contains('barista01')").parent('div').hide(); I get a full black window hiding everything inside.
Is there anyway how to fix this?
Thank you in advanced
enter image description here
If Class name ".hc-mt3" is fixed and will not change then you can target that class.
See Example Code: $("div:contains('barista01')").parent('.hc-mt3').hide();
I've spent hours researching this and I'm trying to edit an email where they would like the References to say something like:
American Parkinson Association: https://www.test.com/abcdefghijklmnopqrstuvwxyz/12-09.com
ABCDEF: https://www.test.com/abcdefghijklmnopqrstuvwxyz/1234567890_098765_4321.com
However, when I code the 2nd numbered list, because there are underscores in the link and not dashes, it instead turns to the below with the link on it's own separate line. If I change the underscores to dashes, it will work formatting wise, but the link is obviously incorrect. I tried adding a "space" in the text of the link but if someone has to copy the link and send it, it will contain the "%20" and error out. If I add a "br" in the text, I will have to link both sections of the link. If I force the link to span across, then the whole width of the email will stretch and look weird.
ABCDEF:
https://www.test.com/abcdefghijklmnopqrstuvwxyz/1234567890_098765_4321.com
This is driving me crazy. There has to be an easier way. Please help?
It looks like it's because the entirety of the line itself may be too long, and thus making the line jump down. It should not be because of underscores specifically, or any of that sort.
You have quite a few options.
1) Add CSS that formats the text and/or links to a size where the link is within the acceptable size that you desire. There are numerous ways to achieve this.
2) Simply make an anchor tag that links to your desired url, and you can type whatever seems the most reasonable as the visual link.
Example:
Whatever text you want
The second solution is more clean, and that way you can make it way more compact and straight to the point as well. Having ridiculously long links in an E-mail looks unprofessional in my opinion.
I have a QGridLayout with QLabels in it that are displaying some values and the units to that values. For good readability I want the value to be left-aligned within the QLabel and the unit to be right-aligned.
At first I wanted to do this with QtStyleSheets but the only way I found was to change the text-alignment of the whole widget like this:
myLabel.setStyleSheet("QLabel {qproperty-alignment: AlignRight}")
My second thought was to do it via HTML but there I also encountered several problems. Here is what I tried:
myLabel.setText("<div align=\"left\">Value<\div><div align=\"right\">Unit<\div>")
This does the right thing, after that the value is left-aligned and the unit right-aligned, but they are not on the same line anymore. Nevertheless it appears to me the more promising approach. Unluckily I am not very familiar with HTML.
Can anybody help?
Or if you really just want go on with html in QLabel use table instead of div's. But #saeed is right, better use Qt Layouts and spacer between them.
Example with HTML:
myLabel.setText("<table width=\"100%\"><td width=\"50%\" align=\"left\">Value</td><td width=\"50%\" align=\"right\">Unit</td></table>");
I suggest you to use two Qlabels and a Horizontal spacer like image below , this is fast and you can let Qt handle whole design layout.
I am kind of a Newbie in nattable, I want change the alignment of first header column in nattable to the left and the rest remain on the right, I know that alignment is generally defined like this:
this.cHeaderHAlign = HorizontalAlignmentEnum.RIGHT;
Is it possible and How can I do it?
From your code snippet it looks like you are referring to theme configurations. But without going into details how this can be done using themes you need to understand how the basics are working.
In general you need to add a custom label to the first column in the column header and then apply a style object with the needed alignment for that label.
Have a look at the NatTable - Getting Started Tutorial to get an idea how this can be achieved.
Here's the case: I have a series of thumbnails in a page, and I would like to display several keywords over each image when the user hovers with the cursor. Each of those keywords are anchor tags that point to a search query. And each thumbnail (the image) should also be clickable (through the empty spaces that the keywords leave) and point to a specific page.
I have everything already coded, I'm just missing a way to display the keyword anchors over the image anchors. I already tried with an onclick="window.location.href=..." but when the user clicks the keyword, the onclick is also triggered (for instance: if I ctrl+click on a keyword, i get the keyword search on a different window, but the main window content changes as well).
Any help will be much appreciated. Thanks!
This is quite common and can definitely be done with plain HTML and CSS. You can also do it with JavaScript, but I prefer to avoid doing so if possible.
This example is perfectly valid HTML/CSS and should have no weird browser rendering issues (even as far back as IE 6).
http://jsfiddle.net/2JD76/1/
Basically you have a containing element, in this case a div, which has your linked thumbnail and linked keywords. They're hidden by default and only shown when the containing div is hovered.
The linked thumbnail is absolutely positioned so that it's taken out of the page flow which then allows the linked keywords to appear on top. I then use z-indexes to make sure that the keywords are always on a layer that is higher than that of the linked thumbnail.
You can not. It is illegal html.
Attach a click handler that changes the current location instead of the "greater ".
I was going to answer with a long reply but, well check out my Jsfiddle here. I was trying to solve something before and well...check it out.
http://jsfiddle.net/somdow/KSt6a/
If you look at the code, its doing exactly what you are describing.
On my Jsfiddle, theres a div box with space for an image(this is wher YOUR image would go), The image is on the code but not on the jsfiddle so youll see the alt tag....Anyways so, on mouse-over, it brings up another div with text dynamically created inside of it.
All you have to do is replace the image content with your own image, then Insert the links/keywords links you want into this line
.prepend('<div class="portSecRollOver"><div class="portSecInner"></div></div>');
and stick your words in between the <div class="portSecInner"> **YOUR WORDS HERE** </div> line
And change the CSS to fit your needs.
oh AND ps, DELETE this line (below) which is the one that dynamically appends text inside of "portSecInner", since your going to insert your own words, then you dont need this line.
$(this).find('.portSecInner').html("<h3 class='h34roll'>" + $(this).find('img').attr("alt") + "</h3>");