how to do this boxes in bbc website - language-agnostic

in this web site
http://www.bbc.co.uk/
or in the end of this site
http://www.cliprz-php.com/
more boxes like (travel , radio , sport , tv channel)
i need to make this css boxes in my website and insert news into it
how can i do this or any tutorial

There is a lot more than just CSS going on there. A majority of that is JavaScript mouse events.

Related

How to link to specific tab panel in html

I cannot work out how to link a button using the rectangular hot spot tool in Dreamweaver to a specific tab panel or pane on the same page. I have an index page of stories where, for example, I would like to link each number on the index to separate panels on the same page. How can this be done using HTML?
You can see the website here:
https://illustratedfairytales.com/
I have googled the subject, but I haven't been able to find anything which helps.

What is this menu called in windows phone?

Recently Tapatalk updated their app and a new menu appeared, which I haven't seen before.
Does anyone know what this menu is called?
There is an image in the top left corner which is 3 orange horizontal lines, when you press on it a menu pops out from the left.
I am trying to write my own app and wanted to use this.
I have seen it in a few apps now.
I would upload an image but I am unable to at the moment
From what I can see in the app screenshots, this is a quite typical menu which slides in from the left in many Windows Phone apps these days. It can also be seen in Facebook, for example.
There is a good blog post explaining how to implement that written by Dan Ardelean:
Add side menus to an Windows Phone application (similar to the Facebook app)
It comes down to using gestures (or button click) to bring a part of the app into view.
You could also make a Flipview with 3 pages (FlipViewItems), it would be almost the same as the Facebook app

How to host multi-pages in phoneapplicationframe in wp8 like facebook 5 for wp8 app

How to implement a navigation bar like the facebook app for wp8
I want to implement a navigation bar for my wp8 app, it look like the facebook app for windows phone 8, Click on the left menu to slide profile pages ... or Swipe left to show profile page, swipe right to show friend.
My idea is host 3 pages (Profile Page, MainPage, FriendPage) on a phoneapplicationframe, when use click on the profile icon the Profile Page will be visible and the Mainpage will be margined to left ... , It is possible? How can i do it.
Any feedback will help me so much. Please help me, i'm stucked here.
Thanks you.
I've blogged about a possible solution for this, but I have to agree an usercontrol would be a better option!
http://depblog.weblogs.us/2013/07/30/facebook-like-settings-pane-with-gestures-windows-phone/
I believe it was only one single page whose width is more than the screen's width. And the default view is achieved by setting the margin or other property which is for you to findout using trial and error.
First, create a custom control/user control as design same as profile icon pressing profile page.
Then, drag it onto your main page. and set it margin properly how you want.
When you press the profile icon button. Then only you need to show it and collapse it when tapping screen.

ApplicationBar custom button

The stock ApplicationBar only seems to support circle icons with optional text menu items. I'd like to get the design that you can see when you go to Settings -> email+accounts -> add an account and select Google, Facebook or Hotmail. There is one rectangular "next" or "sign in" button. Thanks for any pointers!
The is no support for rectangular buttons in the application bar in the SDK. You can fairly easily create a similar effect using a XAML Grid at the bottom of your page.
However watch out that if you use a TextBox to enter text on your page, then the onscreen keyboard can cover your buttons, confusing your users. In that case you're better sticking to normal app bar circular buttons.

adding a textbox to photoshop background using dreamweaver

I am trying to make a website for a friend. I used photoshop to make a website layout and used the slice tool to make buttons. I need to add textboxs to the layout so people can enter than email address / info and submit it to my friends email. When i try to insert textboxs using dreamweaver it puts the box on the bottom on the page not on my layout. I tried dragging and dropping on my layout but nothing. Anyone know how I can get a textbox on my layout?
if you are using the design editor instead of the code editor you will need to insert the form first. this should create a red dotted outline in the area you are working in. Then you should be able to insert your text area into that.
Goto Forms tab and click the far left button with the dashed outline
Then insert form fields such as text area etc..