alt text http://img693.imageshack.us/img693/1446/20091224044146.png
How cam i find and copy for this ?
Use Firebug in Firefox to see how Yahoo have styled their search box
You could save the page a to the local folder, and that will being across HTML and all suppoprting files (JavaScript, js, etc)
My suspicion is that it'll be some YUI style plugin, but don't quote me on that.
Related
I am building a web app that allows users to write their own html pages using the Froala editor integrated on my website.
The editor works really well and provides a great degree of control as well but, there is a small problem I am facing with the bold button. If you highlight some text inside the editor and click on the bold button, in the editor the text does become bold but in the corresponding html which is generated has a simple <strong> tag around it. Now when you load that html on a browser when it is delivered via a link or any other service, it does not show up as bold unless we write some css for it.
What I would like to know is:
Is this the correct behaviour?
Is there any fix or option that we need to control on Froala to make
it look bold?
Apart from writing custom css for it, if there are any options please let me know.
You can check out the said behaviour on one of the demo pages they have: Froala Demo
Thanks in Advance!
PS: Let me know if you guys need code samples from my end, I have not done anything(custom) apart from the samples available on their website.
it seems crazy that this still isn't an option but is there an elegant workaround? I have tried copying and pasting into the Settings>Signature box but it ruins the formatting.
Many thanks!
Andrew
Create a .html file with your HTML in it. View the file in a browser. Then select the entire page (COMMAND+A or CTRL+A) and copy.
Paste into the Gmail signature textarea.
Basically the trick is to copy&paste the rendered html rather than the raw HTML.
Try following the steps on this video:
add gmail hmtl looking signature
Basic guide:
Open google docs
Create a new file
Add a table
Add logo and text
Format table with lines to 0 pts
Modify look and colour of text
Copy format and paste into gmail signature
Hope that helps someone
As others have mentioned you can indeed just copy the rendered HTML in to the signature box in your GMail settings. To do this just:
Put your HTML in to new text file and give it a name like signature.html
Open the file in your browser
Select all of the content displayed in the browser (edit > select all)
Copy of all the selected content (edit > copy)
Open up the GMail settings and then paste in to the signature box (edit > paste)
I had a problem doing this on a mac and using Chrome as my browser because there are two ways to paste. The normal paste removes the formatting so you have to use the paste option that does not 'match style'. See the image.
The gmail signature creator uses a WYSIWYG creator. There doesn't seem to be a way to use HTML markup, but since you can choose fonts, insert images, change text-alignment, etc, you simply create the signature as you would in a word processor like Microsoft Word and Google converts it to HTML for you.
This can get you an approximation but it does not keep any advanced styles.
Div tags do not work, and you have to be using a supported font which greatly limits your options.
I am trying to create and internal hyperlink in wx.html.HtmlWindow using an anchor and href in my html content:
html_content="""Go To Results found
<a name="resultsfound"><h2><b>RESULTS FOUND</b></h2></a>"""
However, when I click on the hyperlink it tries to open the location in the browser on a new tab and does not go to the corresponding location in the page.
Do you know why? Any suggestions on how to solve it?
Thanks in advance,
Zvi
wx.html.HtmlWindow isn't a web browser widget. It is just for displaying HTML formatted text. You could catch the hyperlink click, download the HTML and then try to refresh the contents of the wx.html.HtmlWindow. Note however that wx.html.HtmlWindow only supports the barebone basics of HTML. It doesn't do CSS or javascript or any other fancy HTML tricks.
On the other hand, if you're on Windows, you can use the ActiveX Internet Explorer widget and do exactly what you want. Or you can try the wx Webkit widget that's not included with wxPython and is in beta.
Hai,
I have one file upload form in an HTML file. The code is like:
<form>
Select File:<input type="file">
</form>
How can I have only one button (or a link) to upload a file, without having this normal textfield and a browse button? GMail achieves this, but I don’t know how.
How about this http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom
There is a Yahoo User Interface uploader, see http://developer.yahoo.com/yui/uploader/
It requires flash on the browser, though.
JQuery UI also has a customized file uploader: http://wiki.jqueryui.com/w/page/12137894/FileUploader
That's going to involve JavaScript.
Simple. Here is how it goes. First you create a dummy button element or an anchor element. Set its z-index to 1. Place the file upload (<input type='file' >) over the aforementioned anchor or button element(dummy) and set opacity filters for the file upload to zero and z-index to be 2. Now it will appear as though ur link or button or image is being clicked. Whereas the file upload layer on top is the one that is being clicked hence you will get your File upload dialog. (Positioning the file upload element can be done with css easily.)
If you are using jQuery, have a look at this plugin - https://github.com/ajaxray/bootstrap-file-field
This tiny plugin will display the file input field as a bootstrap button (no text field), similar in all browser and will show selected file names (or selection errors) beautifully. Check their live demo.
Additionally you can set various restrictions using simple data-attributes or JS settings. e,g, data-file-types="image/jpeg,image/png" will restrict selecting file types except jpg and png images.
If you want to get rid of the field next to the “Choose file” button, you’ll pretty much have to code your own file upload field using the JavaScript File API, or (if you need to cater for older browsers that don’t support it) a browser plug-in like Flash.
Web browsers generally decide how they display HTML form controls. This is actually quite good, as it means the fields look the same on different websites, which means users can be confident that they know what the controls do.
How can I make the "browse" button display in another language?
The short answer is, you can't - it's controlled by the browser.
The long answer is you could override it using some CSS hacks.
Browse button is a part of upload widget, and generally conforms to user's browser language settings. You could replace it altogether with some js/ajax-y thingy, but I don't see the point.